diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index 4843a5e1..00000000
--- a/.editorconfig
+++ /dev/null
@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_style = tab
-indent_size = 4
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.yml]
-indent_style = space
-indent_size = 2
diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 38972655..00000000
--- a/.eslintignore
+++ /dev/null
@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 496a8229..00000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,73 +0,0 @@
-module.exports = {
-	"env": {
-		"browser": true,
-		"es2022": true,
-		"node": true
-	},
-	"extends": [
-		"@dusk-network/eslint-config/js",
-		"@dusk-network/eslint-config/svelte"
-	],
-	"globals": {
-		 "CONFIG": false
-	},
-	"overrides": [{
-		"files": ["*.svelte"],
-		"rules": {
-			"no-undef-init": 0,
-			"svelte/require-optimized-style-attribute": 0
-		}
-	}, {
-		"files": ["*.spec.js", "*.test.js"],
-		"rules": {
-			"brace-style": [
-				"error",
-				"1tbs",
-				{ "allowSingleLine": true }
-			],
-			"jsdoc/require-jsdoc": 0,
-			"max-len": [
-				"error", {
-					"code": 110,
-					"comments": 110,
-					"ignorePattern": "^\\s*it\\(",
-					"ignoreUrls": true
-				}
-			],
-			"max-nested-callbacks": [
-				"error",
-				5
-			],
-			"max-statements": 0,
-			"max-statements-per-line": [
-				"error", {
-					"max": 2
-				}
-			],
-			"object-curly-newline": 0,
-			"quote-props": [
-				"error",
-				"consistent"
-			],
-			"sort-keys": 0
-		}
-	}],
-	"root": true,
-	"settings": {
-		"import/resolver": {
-			"eslint-import-resolver-custom-alias": {
-				"alias": {
-					"$app": "node_modules/@sveltejs/kit/src/runtime/app",
-					"$config": "./src/config",
-					"$lib": "./src/lib",
-					"@sveltejs/kit": "node_modules/@sveltejs/kit/src/exports/index.js",
-					"@testing-library/svelte": "node_modules/@testing-library/svelte/src/index.js",
-					"svelte/motion": "node_modules/svelte/src/runtime/motion/index.js",
-					"svelte/store": "node_modules/svelte/src/runtime/store/index.js",
-					"svelte/transition": "node_modules/svelte/src/runtime/transition/index.js"
-				},
-				"extensions": [".cjs", ".js", ".json", ".svelte"]
-			}
-		}
-	}
-};
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 093974f2..5b17e33e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,37 +1,41 @@
 name: CI
 
 on:
-  push:
-    branches: [ main ]
-
   pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+  workflow_dispatch:
 
 jobs:
   lint-test:
-
+    if: github.event_name == 'workflow_dispatch' || github.event.pull_request.draft == false
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [18.x, 20.x]
-
-    name: Node ${{ matrix.node-version }}
+    name: Validate & build
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Setting up Node ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+      - name: Setting up Node from `.nvmrc`
+        uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
-          registry-url: "https://npm.pkg.github.com/"
+          node-version-file: "./.nvmrc"
+          cache: "npm"
+          cache-dependency-path: "./package-lock.json"
           scope: "@dusk-network"
 
       - name: Installing dev dependencies
         run: npm ci
-        env:
-          REGISTRY_TOKEN: ${{secrets.GH_TOKEN}}
+
+      - name: Sync SvelteKit config
+        run: npx svelte-kit sync
+
+      - name: Formatting check
+        run: npm run format
 
       - name: Linting
         run: npm run lint
diff --git a/.gitignore b/.gitignore
index dc0ab405..06990d1b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,3 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
-.nvmrc
diff --git a/.npmrc b/.npmrc
index 39a73e4a..3f0f34a2 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,3 +1,2 @@
-//npm.pkg.github.com/:_authToken=${REGISTRY_TOKEN}
-@dusk-network:registry=https://npm.pkg.github.com
 engine-strict=true
+@jsr:registry=https://npm.jsr.io
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 00000000..e8416a15
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v24.13.0
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 00000000..af8c620f
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,7 @@
+import duskJsPrettierConfig from "@dusk-network/prettier-config/js/index.js";
+import duskSveltePrettierConfig from "@dusk-network/prettier-config/svelte/index.js";
+
+export default {
+  ...duskJsPrettierConfig,
+  ...duskSveltePrettierConfig,
+};
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 00000000..738b0509
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,660 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## Unreleased
+
+### Added
+
+### Changed
+
+### Removed
+
+### Fixed
+
+## [1.7.0] - 2026-02-04
+
+### Added
+
+- Added EVM bridging interface dusk-network/rusk#3822
+- Added EVM pending transaction screen dusk-network/rusk#3826
+- Added EVM finalize transaction button dusk-network/rusk#3824
+- Added EVM balance dusk-network/rusk#3821
+- Added pending withdrawals badge on the bridge transaction history icon dusk-network/rusk#3953
+- Added blocklist to block transfers to sanctioned, compromised or scam-related addresses dusk-network/rusk#3958
+
+### Changed
+
+- Update Transactions list design dusk-network/rusk#1922
+- Withdrawal pending message explains status and shows finalization estimate dusk-network/rusk#3954
+- Update dependencies to address potential security issues dusk-network/rusk#3982
+- Replace `bip39` with `@scure/bip39`, which is an audited lib, for improved security dusk-network/rusk#3984
+
+### Fixed
+
+- Fixed incorrect DUSK balance formatting in Bridge view dusk-network/rusk#3927
+- Fixed withdrawal flow no longer becomes unresponsive when attemping to withdraw more than available EVM balance dusk-network/rusk#3955
+
+## [1.6.0] - 2025-06-13
+
+### Added
+
+- Add support for profile switching dusk-network/rusk#2083
+
+## [1.5.0] - 2025-05-30
+
+### Added
+
+- Add BEP20 address and memo validation dusk-network/rusk#3746
+
+### Fixed
+
+- Fix polyfills not being loaded in time on Safari 16.3 dusk-network/rusk#3570
+
+## [1.4.0] - 2025-03-04
+
+### Added
+
+- Add memo field to send flow dusk-network/rusk#3112
+- Add "VITE_SYNC_INTERVAL" ENV variable dusk-network/rusk#3403
+
+### Changed
+
+- Auto-focus text field (Unlock page) dusk-network/rusk#3420
+
+### Fixed
+
+- Fix width discrepancy in footer icons dusk-network/rusk#3163
+- Fix network methods not reusing the existing connection dusk-network/rusk#3486
+
+## [1.3.0] - 2025-01-28
+
+### Added
+
+- Add support for partial unstake/claim rewards dusk-network/rusk#3009
+- Add "Unstake" flow validation dusk-network/rusk#3009
+- Store the wallet creation block height and show it in settings dusk-network/rusk#3381
+
+### Changed
+
+- Change Review step label to "Overview" (Send flow) dusk-network/rusk#3387
+
+### Removed
+
+- Remove gas settings from Overview step (Stake/Unstake flows) dusk-network/rusk#3009
+
+### Fixed
+
+- Fix creation of a new wallet causing the sync to start from genesis dusk-network/rusk#3362
+
+## [1.2.0] - 2025-01-16
+
+### Added
+
+- Add ephemeral encryption to secure the seed while in memory dusk-network/rusk#3354
+
+### Changed
+
+- Ensure connected wallet is disconnected when closing the app dusk-network/rusk#3269
+- Update Wallet Access terminology dusk-network/rusk#3356
+
+### Removed
+
+- Remove version number from app title dusk-network/rusk#3339
+
+### Fixed
+
+- Fix Migration UI sometimes stuck while loading balance dusk-network/rusk#3269
+- Fix Reown modal's disconnect failing to disconnect dusk-network/rusk#3269
+
+## [1.1.0] - 2025-01-09
+
+### Changed
+
+- Make Password setting enabled by default (Create/Restore Wallet flow) dusk-network/rusk#3287
+
+### Removed
+
+- Remove "Swap to nDUSK" step (Create Wallet flow) dusk-network/rusk#3333
+
+## [1.0.0] - 2024-12-23
+
+### Added
+
+- Add "VITE_REOWN_PROJECT_ID" ENV variable dusk-network/rusk#3267
+- Add additional notices to the Migrate flow dusk-network/rusk#3267
+
+### Changed
+
+- Prioritize Public Account in the interface and transaction flows dusk-network/rusk#3259
+- Enhance Migrate flow layout, aligning it to the rest of the transaction-based flows dusk-network/rusk#3267
+- Display the Migration Requirements details using the `Banner` component dusk-network/rusk#3267
+- Update the Approval Success copy for clarity (Migrate flow) dusk-network/rusk#3267
+- Trigger sync after a successful migration dusk-network/rusk#3267
+- Disable source wallet option on migration initialization (Migrate flow) dusk-network/rusk#3270
+
+### Removed
+
+- Remove Beta ribbon dusk-network/rusk#3164
+- Remove "UsageIndicator" component dusk-network/rusk#3245
+- Remove "VITE_FEATURE_MOONLIGHT_TRANSACTIONS" flag dusk-network/rusk#3246
+
+### Fixed
+
+- Fix wrong error shown in the login screen dusk-network/rusk#3226 dusk-network/rusk#3097
+- Fix wallet not waiting for the Wasm to load at startup dusk-network/rusk#3238
+- Fix Public address icon in Receive flow dusk-network/rusk#3259
+- Fix Public account icon hover text (Balance component) dusk-network/rusk#3259
+- Fix labels in Stepper not displaying properly dusk-network/rusk#3265
+
+## [0.10.1] - 2024-12-18
+
+### Fixed
+
+- Fix gas settings reset and validation in preferences dusk-network/rusk#3212
+
+## [0.10.0] - 2024-12-17
+
+### Added
+
+- Add notice for stake maturity dusk-network/rusk#2981
+- Add capability to maintain cache consistency in case of rejected blocks dusk-network/rusk#3156
+- Add button to reset gas settings to their defaults dusk-network/rusk#3178
+
+### Changed
+
+- Reword "Staking" header to "Stake" dusk-network/rusk#3113
+- Upgrade Migration Feature to Use Reown AppKit dusk-network/rusk#3129
+- Update default gas settings values dusk-network/rusk#3178
+- Update AddressPicker to show Default Profile label dusk-network/rusk#3179
+- Enhanced migration workflow, activated new migration contracts dusk-network/rusk#3203
+
+### Removed
+
+- Remove "Network" section from Settings dusk-network/rusk#3160
+
+### Fixed
+
+- Fix dark mode button not being in sync with the stored value dusk-network/rusk#3178
+- Fix `BigIntInput` properties not being reactive dusk-network/rusk#3178
+
+## [0.9.0] - 2024-12-03
+
+### Added
+
+- Add "Support" section under Settings dusk-network/rusk#3071
+- Add user feedback for "Send" flow validation dusk-network/rusk#3098
+- Add validation for self-referential transactions dusk-network/rusk#3099
+
+### Changed
+
+- Reword "Withdraw Rewards" operation to "Claim Rewards" dusk-network/rusk#3076
+- Reword "Shield/Unshield" operation to "Allocate" dusk-network/rusk#3081
+- Update `@media` rules to remove outer padding on small screens dusk-network/rusk#2945
+
+### Removed
+
+- Remove "Shield More Dusk" CTA (Send flow) dusk-network/rusk#3073
+
+### Fixed
+
+- Fix "passphrase" terminology usage with "Mnemonic Phrase" dusk-network/rusk#3069
+- Fix "Stake" flow validation dusk-network/rusk#3089
+
+## [0.8.1] - 2024-11-26
+
+### Added
+
+- Add "Reset Wallet" explanatory copy (Settings) dusk-network/rusk#3061
+
+### Changed
+
+- Update stake warning's text dusk-network/rusk#3028
+
+### Fixed
+
+- Fix UI not scrolling to top after wizard and sub-route navigation dusk-network/rusk#2997
+- Fix edge case in Dusk to Lux conversion dusk-network/rusk#3032
+- Fix inconsistent terminology usage for "Mnemonic Phrase" dusk-network/rusk#3035
+- Fix auto-sync not working after restoring a wallet dusk-network/rusk#3042
+- Fix application crash on empty amount (Stake Flow) dusk-network/rusk#3036
+- Fix incorrect fee deduction and negative UI display (Allocate flow) dusk-network/rusk#3056
+- Fix button hover style in Dashboard Navigation Menu dusk-network/rusk#2999
+- Fix balance overflowing on small screens dusk-network/rusk#2994
+
+## [0.8.0] - 2024-11-19
+
+### Added
+
+- Added gas settings validation on Unstake / Withdraw Rewards flows dusk-network/rusk#2000
+- Add temporary link to the block explorer on the dashboard dusk-network/rusk#2882
+- Add Staking-Related Functionality Utilizing w3sper dusk-network/rusk#3006
+- Add minimum stake amount supplied by w3sper instead of using an env var dusk-network/rusk#3010
+
+### Changed
+
+- Update `Stake` to use `Stepper` dusk-network/rusk#2436
+- Update Mnemonic (Authenticate) Enter key behavior dusk-network/rusk#2879
+- Enhance Error Handling on Wallet Access Page dusk-network/rusk#2932
+
+### Fixed
+
+- Suggested words in the Mnemonic (Authenticate) are accessible using Tab dusk-network/rusk#2879
+- Enhance Allocate flow on full amount allocation dusk-network/rusk#2938
+- Broken link in the stake warning dusk-network/rusk#2990
+- Change "Transaction created" copy dusk-network/rusk#2991
+- Fix Dashboard navigation menu padding dusk-network/rusk#3000
+
+## [0.7.0] - 2024-11-11
+
+### Added
+
+- Added allocation (shield/unshield) page and UI dusk-network/rusk#2196
+- Add auto-sync every five minutes dusk-network/rusk#2880
+- Integrate Allocate UI with w3sper's SDK to enable Allocate functionalities dusk-network/rusk#2920
+
+### Changed
+
+- Update Balance component dusk-network/rusk#2863
+- Update UI labels dusk-network/rusk#2888
+
+### Fixed
+
+- Fix web-wallet crashing after setting high gas price dusk-network/rusk#2878
+
+## [0.6.0] - 2024-11-05
+
+### Added
+
+- Show current block height on Wallet Creation dusk-network/rusk#1561
+- Add option to sync from a custom block height on Wallet Restoration dusk-network/rusk#1568
+- Added token migration contract bindings dusk-network/rusk#2014
+- Add validation for public account ("Send" flow) dusk-network/rusk#2176
+- Add validation for "Use Max" button on Send / Stake flows dusk-network/rusk#2310
+- Add Banner component dusk-network/rusk#2696
+- Add BigIntInput component dusk-network/rusk#2776
+- Add transaction history feature flag dusk-network/rusk#2807
+
+### Changed
+
+- Newly created Wallet does not sync from genesis dusk-network/rusk#1567
+- Update Buttons to match the design system dusk-network/rusk#1606
+- Update anchor colors to ensure better accessibility dusk-network/rusk#1765
+- Update font-display to swap for custom fonts to improve performance dusk-network/rusk#2026
+- Update `Stepper` component to new design dusk-network/rusk#2071
+- Update dashboard to use routes instead of Tabs for navigation pattern dusk-network/rusk#2075
+- Update `Send` to use `Stepper` dusk-network/rusk#2110
+- Update dashboard by splitting the transfer operations into send and receive operations dusk-network/rusk#2175
+- Update Balance UI to include an optional UsageIndicator for Moonlight tokens dusk-network/rusk#2234
+- Restrict mnemonic step input to alphabetical characters (Restore Flow) dusk-network/rusk#2355
+- Update `Send` to include allocation button dusk-network/rusk#2420
+- Receive screen design updated, added UI support for displaying shielded/unshielded address dusk-network/rusk#2421
+- Update ENV variables to the `VITE_FEATURE_*` naming convention dusk-network/rusk#2434
+- Make address field only vertically resizable (Send flow) dusk-network/rusk#2435
+- Update textfield input to use the small control sizing dusk-network/rusk#2498
+- Update GasSettings and related properties to BigInt type dusk-network/rusk#2778
+- Update to w3sper.js beta dusk-network/rusk#2821
+- Update sync and balance to use w3sper.js dusk-network/rusk#2608
+- Update login flows to use w3sper.js dusk-network/rusk#2460
+
+### Removed
+
+- Hide staking in the deployed wallet application until w3sper.js supports this.
+- Hide transaction history in the deployed application until w3sper.js supports this.
+
+### Fixed
+
+- Fix Receive tab content overflows dusk-network/rusk#1901
+- Add missing "Soehne Mono" and its @font-face definition dusk-network/rusk#2071
+- The sync promise should be set to null after aborting a sync dusk-network/rusk#2118
+- Fix rounding errors in migration amount input dusk-network/rusk#2303
+- Fix number of leading zeros in migration amount input dusk-network/rusk#2406
+- Fix Address field invalid state modifier not being applied dusk-network/rusk#2532
+
+## [0.5.0] - 2024-03-27
+
+### Added
+
+- Add dark mode support dusk-network/rusk#1466
+- Add autocomplete attribute on the login field dusk-network/rusk#1533
+
+### Changed
+
+- Change ribbon's label color dusk-network/rusk#1598
+- Update font family and letter spacing in buttons, textboxes and selects dusk-network/rusk#1565
+- Update copy on Reset Wallet while syncing dusk-network/rusk#1552
+- Trigger the Restore flow if a user tries to access a new wallet dusk-network/rusk#1535
+- Clear the login info storage on "Reset Wallet" (Settings) dusk-network/rusk#1551
+- Update `OperationResult` to infer error messages from arbitrary values dusk-network/rusk#1524
+- Update Tabs to use native scroll behavior dusk-network/rusk#1320
+
+### Fixed
+
+- Fix copy button appearance (AddressPicker component) dusk-network/rusk#1591
+- Fix keydown behavior (AddressPicker component) dusk-network/rusk#1576
+- Data load and sync UI appearing at the same time dusk-network/rusk#1545
+- Fix error message overflowing in `ErrorDetails` component dusk-network/rusk#1547
+- Fix missing focus border on switch component dusk-network/rusk#1537
+
+## [0.4.0] - 2024-03-13
+
+### Added
+
+- Add message when no contracts have been enabled dusk-network/rusk#1317
+- Add `eslint-config-prettier` as explicit dependency dusk-network/rusk#1509
+- Add format check to CI and `checks` script dusk-network/rusk#1504
+- Add `vitest-canvas-mock` dependency to replace `canvas` dusk-network/rusk#1506
+- Add `AppImage` component dusk-network/rusk#1284
+- Add possibility to serve the web wallet from a sub folder dusk-network/rusk#1362
+
+### Changed
+
+- Update to SvelteKit 2, Vite 5 and Vitest 1 dusk-network/rusk#1284
+- Update all dependencies dusk-network/rusk#1284
+- Refactor `mockReadableStore` to be not be writable dusk-network/rusk#1285
+- Refactor beta notice as constant dusk-network/rusk#1469
+- Refactor `settingsStore` and create readable `gasStore` to store `limitLower`, `limitUpper`, `priceLower` dusk-network/rusk#1308
+- Refactor add Prettier for formatting and format all files dusk-network/rusk#1458
+
+### Removed
+
+- Remove box-shadow from components dusk-network/rusk#1519
+- Remove orphan dependency `@zerodevx/svelte-toast` dusk-network/rusk#1509
+- Remove `canvas` dependency dusk-network/rusk#1506
+- Remove DAT file UI references dusk-network/rusk#1498
+- Remove `mockDerivedStore` dusk-network/rusk#1285
+- Remove extraneous code block in MnemonicAuthenticate dusk-network/rusk#1470
+- Remove `limitLower`, `limitUpper`, `priceLower` from `settingsStore` dusk-network/rusk#1308
+
+### Fixed
+
+- Fix layout shift (Balance component) dusk-network/rusk#1514
+- Fix animation not visible on landing screen dusk-network/rusk#1501
+- Mismatch between param and JSDoc param's type definition (OperationResult.spec.js) dusk-network/rusk#1471
+- Fix gas limits update on ENV change dusk-network/rusk#1308
+
+## [0.3.0] - 2024-02-28
+
+### Added
+
+- Add Create Wallet flow tests dusk-network/rusk#1443
+- Add visible version, commit hash and build date dusk-network/rusk#1441
+- Add Address validation (Transfer flow) dusk-network/rusk#1377
+
+### Changed
+
+- Change Get Quote API Endpoint to env variable dusk-network/rusk#1311
+
+### Removed
+
+- Remove the use of `checkValidity()` in Send and Stake flow amounts validity checks dusk-network/rusk#1391
+
+### Fixed
+
+- Fix typo in routes/welcome/\_\_tests\_\_/page.spec.js dusk-network/rusk#1445
+- Fix missing whitespace when Transaction list is empty dusk-network/rusk#1460
+
+## [0.2.1] - 2024-02-20
+
+### Added
+
+- Add wallet restore flow tests dusk-network/rusk#1416
+- Add missing login flow tests dusk-network/rusk#1423
+
+### Fixed
+
+- Fix restore flow allowing invalid mnemonic to be used to log in dusk-network/rusk#1416
+- Fix can't unlock the wallet with upper case words dusk-network/rusk#1417
+
+## [0.2.0] - 2024-02-15
+
+### Added
+
+- Add running node requirement notice in Staking flow dusk-network/rusk#1359
+- Add `fiatPrice` optional property to Balance component dusk-network/rusk#1323
+- Add ability to revert words when entering the mnemonic phrase dusk-network/rusk#1290
+- Add missing error handling when querying the quote API dusk-network/rusk#1322
+- Add gas settings validation to settings page dusk-network/rusk#1352
+- Add forced log out on inactive tabs dusk-network/rusk#1373
+- Add gas settings validation to block Send and Stake operations if invalid gas settings dusk-network/rusk#1354
+- Add abortable sync dusk-network/rusk#1401
+- Add `existing wallet notice` to wallet create, restore and login flows dusk-network/rusk#1360
+- Add `userId` value to localStorage preferences object during wallet create and restore dusk-network/rusk#1360
+
+### Changed
+
+- Change Holdings component design dusk-network/rusk#1361
+- Change `fiatCurrency`, `locale`, `tokenCurrency`, `token` to required properties in Balance component dusk-network/rusk#1323
+- Change `package.json` fields to reflect repo change dusk-network/rusk#1367
+- Change `walletStore.js` to receive gasPrice and gasLimit when `transfer` , `stake`, `unstake` and `withdrawRewards` are called dusk-network/rusk#1353
+- Update deprecated Node actions in CI dusk-network/rusk#1343
+- Change `setGasSettings` event to `gasSettings` and include `isValidGas` property in event data dusk-network/rusk#1354
+- Change "withdraw stake" label to "unstake" dusk-network/rusk#1403
+- Change logout flow to abort a sync if in progress dusk-network/rusk#1401
+- Update dusk-wallet-js to from 0.3.2 to 0.4.2 dusk-network/rusk#1401
+
+### Removed
+
+- Remove `fiat` property from Balance component dusk-network/rusk#1323
+- Remove `gasSettings` store update from `dashboard/+page.svelte.js` dusk-network/rusk#1353
+
+### Fixed
+
+- Fix Transactions table remains hidden for some screen resolutions dusk-network/rusk#1412
+- Fix Stake button is always disabled dusk-network/rusk#1410
+- Fix wizard progression on Stake flow dusk-network/rusk#1398
+- Fix Seed Phrase words size dusk-network/rusk#1335
+- Fix colors on red background dusk-network/rusk#1334
+- Fix Transactions table design dusk-network/rusk#1309
+
+## [0.1.0-beta] - 2024-02-02
+
+### Added
+
+- Add initial commit
+
+<!-- ISSUES -->
+
+dusk-network/rusk#1284: https://github.com/dusk-network/rusk/issues/1284
+dusk-network/rusk#1285: https://github.com/dusk-network/rusk/issues/1285
+dusk-network/rusk#1290: https://github.com/dusk-network/rusk/issues/1290
+dusk-network/rusk#1308: https://github.com/dusk-network/rusk/issues/1308
+dusk-network/rusk#1309: https://github.com/dusk-network/rusk/issues/1309
+dusk-network/rusk#1311: https://github.com/dusk-network/rusk/issues/1311
+dusk-network/rusk#1317: https://github.com/dusk-network/rusk/issues/1317
+dusk-network/rusk#1320: https://github.com/dusk-network/rusk/issues/1320
+dusk-network/rusk#1322: https://github.com/dusk-network/rusk/issues/1322
+dusk-network/rusk#1323: https://github.com/dusk-network/rusk/issues/1323
+dusk-network/rusk#1334: https://github.com/dusk-network/rusk/issues/1334
+dusk-network/rusk#1335: https://github.com/dusk-network/rusk/issues/1335
+dusk-network/rusk#1343: https://github.com/dusk-network/rusk/issues/1343
+dusk-network/rusk#1352: https://github.com/dusk-network/rusk/issues/1352
+dusk-network/rusk#1353: https://github.com/dusk-network/rusk/issues/1353
+dusk-network/rusk#1354: https://github.com/dusk-network/rusk/issues/1354
+dusk-network/rusk#1359: https://github.com/dusk-network/rusk/issues/1359
+dusk-network/rusk#1360: https://github.com/dusk-network/rusk/issues/1360
+dusk-network/rusk#1361: https://github.com/dusk-network/rusk/issues/1361
+dusk-network/rusk#1362: https://github.com/dusk-network/rusk/issues/1362
+dusk-network/rusk#1367: https://github.com/dusk-network/rusk/issues/1367
+dusk-network/rusk#1373: https://github.com/dusk-network/rusk/issues/1373
+dusk-network/rusk#1377: https://github.com/dusk-network/rusk/issues/1377
+dusk-network/rusk#1391: https://github.com/dusk-network/rusk/issues/1391
+dusk-network/rusk#1398: https://github.com/dusk-network/rusk/issues/1398
+dusk-network/rusk#1401: https://github.com/dusk-network/rusk/issues/1401
+dusk-network/rusk#1403: https://github.com/dusk-network/rusk/issues/1403
+dusk-network/rusk#1410: https://github.com/dusk-network/rusk/issues/1410
+dusk-network/rusk#1412: https://github.com/dusk-network/rusk/issues/1412
+dusk-network/rusk#1416: https://github.com/dusk-network/rusk/issues/1416
+dusk-network/rusk#1417: https://github.com/dusk-network/rusk/issues/1417
+dusk-network/rusk#1423: https://github.com/dusk-network/rusk/issues/1423
+dusk-network/rusk#1441: https://github.com/dusk-network/rusk/issues/1441
+dusk-network/rusk#1443: https://github.com/dusk-network/rusk/issues/1443
+dusk-network/rusk#1445: https://github.com/dusk-network/rusk/issues/1445
+dusk-network/rusk#1458: https://github.com/dusk-network/rusk/issues/1458
+dusk-network/rusk#1460: https://github.com/dusk-network/rusk/issues/1460
+dusk-network/rusk#1466: https://github.com/dusk-network/rusk/issues/1466
+dusk-network/rusk#1469: https://github.com/dusk-network/rusk/issues/1469
+dusk-network/rusk#1470: https://github.com/dusk-network/rusk/issues/1470
+dusk-network/rusk#1471: https://github.com/dusk-network/rusk/issues/1471
+dusk-network/rusk#1498: https://github.com/dusk-network/rusk/issues/1498
+dusk-network/rusk#1501: https://github.com/dusk-network/rusk/issues/1501
+dusk-network/rusk#1504: https://github.com/dusk-network/rusk/issues/1504
+dusk-network/rusk#1506: https://github.com/dusk-network/rusk/issues/1506
+dusk-network/rusk#1509: https://github.com/dusk-network/rusk/issues/1509
+dusk-network/rusk#1514: https://github.com/dusk-network/rusk/issues/1514
+dusk-network/rusk#1519: https://github.com/dusk-network/rusk/issues/1519
+dusk-network/rusk#1524: https://github.com/dusk-network/rusk/issues/1524
+dusk-network/rusk#1533: https://github.com/dusk-network/rusk/issues/1533
+dusk-network/rusk#1535: https://github.com/dusk-network/rusk/issues/1535
+dusk-network/rusk#1537: https://github.com/dusk-network/rusk/issues/1537
+dusk-network/rusk#1545: https://github.com/dusk-network/rusk/issues/1545
+dusk-network/rusk#1547: https://github.com/dusk-network/rusk/issues/1547
+dusk-network/rusk#1551: https://github.com/dusk-network/rusk/issues/1551
+dusk-network/rusk#1552: https://github.com/dusk-network/rusk/issues/1552
+dusk-network/rusk#1561: https://github.com/dusk-network/rusk/issues/1561
+dusk-network/rusk#1565: https://github.com/dusk-network/rusk/issues/1565
+dusk-network/rusk#1567: https://github.com/dusk-network/rusk/issues/1567
+dusk-network/rusk#1568: https://github.com/dusk-network/rusk/issues/1568
+dusk-network/rusk#1576: https://github.com/dusk-network/rusk/issues/1576
+dusk-network/rusk#1591: https://github.com/dusk-network/rusk/issues/1591
+dusk-network/rusk#1598: https://github.com/dusk-network/rusk/issues/1598
+dusk-network/rusk#1606: https://github.com/dusk-network/rusk/issues/1606
+dusk-network/rusk#1765: https://github.com/dusk-network/rusk/issues/1765
+dusk-network/rusk#1901: https://github.com/dusk-network/rusk/issues/1901
+dusk-network/rusk#1922: https://github.com/dusk-network/rusk/issues/1922
+dusk-network/rusk#2026: https://github.com/dusk-network/rusk/issues/2026
+dusk-network/rusk#2000: https://github.com/dusk-network/rusk/issues/2000
+dusk-network/rusk#2014: https://github.com/dusk-network/rusk/issues/2014
+dusk-network/rusk#2071: https://github.com/dusk-network/rusk/issues/2071
+dusk-network/rusk#2075: https://github.com/dusk-network/rusk/issues/2075
+dusk-network/rusk#2083: https://github.com/dusk-network/rusk/issues/2083
+dusk-network/rusk#2110: https://github.com/dusk-network/rusk/issues/2110
+dusk-network/rusk#2118: https://github.com/dusk-network/rusk/issues/2118
+dusk-network/rusk#2175: https://github.com/dusk-network/rusk/issues/2175
+dusk-network/rusk#2176: https://github.com/dusk-network/rusk/issues/2176
+dusk-network/rusk#2196: https://github.com/dusk-network/rusk/issues/2196
+dusk-network/rusk#2234: https://github.com/dusk-network/rusk/issues/2234
+dusk-network/rusk#2303: https://github.com/dusk-network/rusk/issues/2303
+dusk-network/rusk#2310: https://github.com/dusk-network/rusk/issues/2310
+dusk-network/rusk#2355: https://github.com/dusk-network/rusk/issues/2355
+dusk-network/rusk#2406: https://github.com/dusk-network/rusk/issues/2406
+dusk-network/rusk#2420: https://github.com/dusk-network/rusk/issues/2420
+dusk-network/rusk#2421: https://github.com/dusk-network/rusk/issues/2421
+dusk-network/rusk#2434: https://github.com/dusk-network/rusk/issues/2434
+dusk-network/rusk#2435: https://github.com/dusk-network/rusk/issues/2435
+dusk-network/rusk#2436: https://github.com/dusk-network/rusk/issues/2436
+dusk-network/rusk#2460: https://github.com/dusk-network/rusk/issues/2460
+dusk-network/rusk#2498: https://github.com/dusk-network/rusk/issues/2498
+dusk-network/rusk#2532: https://github.com/dusk-network/rusk/issues/2532
+dusk-network/rusk#2696: https://github.com/dusk-network/rusk/issues/2696
+dusk-network/rusk#2608: https://github.com/dusk-network/rusk/issues/2608
+dusk-network/rusk#2776: https://github.com/dusk-network/rusk/issues/2776
+dusk-network/rusk#2778: https://github.com/dusk-network/rusk/issues/2778
+dusk-network/rusk#2807: https://github.com/dusk-network/rusk/issues/2807
+dusk-network/rusk#2821: https://github.com/dusk-network/rusk/issues/2821
+dusk-network/rusk#2863: https://github.com/dusk-network/rusk/issues/2863
+dusk-network/rusk#2878: https://github.com/dusk-network/rusk/issues/2878
+dusk-network/rusk#2879: https://github.com/dusk-network/rusk/issues/2879
+dusk-network/rusk#2880: https://github.com/dusk-network/rusk/issues/2880
+dusk-network/rusk#2882: https://github.com/dusk-network/rusk/issues/2882
+dusk-network/rusk#2888: https://github.com/dusk-network/rusk/issues/2888
+dusk-network/rusk#2920: https://github.com/dusk-network/rusk/issues/2920
+dusk-network/rusk#2932: https://github.com/dusk-network/rusk/issues/2932
+dusk-network/rusk#2938: https://github.com/dusk-network/rusk/issues/2938
+dusk-network/rusk#2945: https://github.com/dusk-network/rusk/issues/2945
+dusk-network/rusk#2981: https://github.com/dusk-network/rusk/issues/2981
+dusk-network/rusk#2990: https://github.com/dusk-network/rusk/issues/2990
+dusk-network/rusk#2991: https://github.com/dusk-network/rusk/issues/2991
+dusk-network/rusk#2994: https://github.com/dusk-network/rusk/issues/2994
+dusk-network/rusk#2997: https://github.com/dusk-network/rusk/issues/2997
+dusk-network/rusk#2999: https://github.com/dusk-network/rusk/issues/2999
+dusk-network/rusk#3000: https://github.com/dusk-network/rusk/issues/3000
+dusk-network/rusk#3006: https://github.com/dusk-network/rusk/issues/3006
+dusk-network/rusk#3009: https://github.com/dusk-network/rusk/issues/3009
+dusk-network/rusk#3010: https://github.com/dusk-network/rusk/issues/3010
+dusk-network/rusk#3028: https://github.com/dusk-network/rusk/issues/3028
+dusk-network/rusk#3032: https://github.com/dusk-network/rusk/issues/3032
+dusk-network/rusk#3035: https://github.com/dusk-network/rusk/issues/3035
+dusk-network/rusk#3036: https://github.com/dusk-network/rusk/issues/3036
+dusk-network/rusk#3042: https://github.com/dusk-network/rusk/issues/3042
+dusk-network/rusk#3056: https://github.com/dusk-network/rusk/issues/3056
+dusk-network/rusk#3061: https://github.com/dusk-network/rusk/issues/3061
+dusk-network/rusk#3069: https://github.com/dusk-network/rusk/issues/3069
+dusk-network/rusk#3071: https://github.com/dusk-network/rusk/issues/3071
+dusk-network/rusk#3073: https://github.com/dusk-network/rusk/issues/3073
+dusk-network/rusk#3076: https://github.com/dusk-network/rusk/issues/3076
+dusk-network/rusk#3081: https://github.com/dusk-network/rusk/issues/3081
+dusk-network/rusk#3097: https://github.com/dusk-network/rusk/issues/3097
+dusk-network/rusk#3098: https://github.com/dusk-network/rusk/issues/3098
+dusk-network/rusk#3099: https://github.com/dusk-network/rusk/issues/3099
+dusk-network/rusk#3112: https://github.com/dusk-network/rusk/issues/3112
+dusk-network/rusk#3113: https://github.com/dusk-network/rusk/issues/3113
+dusk-network/rusk#3129: https://github.com/dusk-network/rusk/issues/3129
+dusk-network/rusk#3156: https://github.com/dusk-network/rusk/issues/3156
+dusk-network/rusk#3160: https://github.com/dusk-network/rusk/issues/3160
+dusk-network/rusk#3163: https://github.com/dusk-network/rusk/issues/3163
+dusk-network/rusk#3164: https://github.com/dusk-network/rusk/issues/3164
+dusk-network/rusk#3178: https://github.com/dusk-network/rusk/issues/3178
+dusk-network/rusk#3179: https://github.com/dusk-network/rusk/issues/3179
+dusk-network/rusk#3203: https://github.com/dusk-network/rusk/issues/3203
+dusk-network/rusk#3212: https://github.com/dusk-network/rusk/issues/3212
+dusk-network/rusk#3226: https://github.com/dusk-network/rusk/issues/3226
+dusk-network/rusk#3238: https://github.com/dusk-network/rusk/issues/3238
+dusk-network/rusk#3245: https://github.com/dusk-network/rusk/issues/3245
+dusk-network/rusk#3259: https://github.com/dusk-network/rusk/issues/3259
+dusk-network/rusk#3265: https://github.com/dusk-network/rusk/issues/3265
+dusk-network/rusk#3267: https://github.com/dusk-network/rusk/issues/3267
+dusk-network/rusk#3269: https://github.com/dusk-network/rusk/issues/3269
+dusk-network/rusk#3270: https://github.com/dusk-network/rusk/issues/3270
+dusk-network/rusk#3287: https://github.com/dusk-network/rusk/issues/3287
+dusk-network/rusk#3333: https://github.com/dusk-network/rusk/issues/3333
+dusk-network/rusk#3339: https://github.com/dusk-network/rusk/issues/3339
+dusk-network/rusk#3354: https://github.com/dusk-network/rusk/issues/3354
+dusk-network/rusk#3356: https://github.com/dusk-network/rusk/issues/3356
+dusk-network/rusk#3362: https://github.com/dusk-network/rusk/issues/3362
+dusk-network/rusk#3381: https://github.com/dusk-network/rusk/issues/3381
+dusk-network/rusk#3387: https://github.com/dusk-network/rusk/issues/3387
+dusk-network/rusk#3403: https://github.com/dusk-network/rusk/issues/3403
+dusk-network/rusk#3420: https://github.com/dusk-network/rusk/issues/3420
+dusk-network/rusk#3486: https://github.com/dusk-network/rusk/issues/3486
+dusk-network/rusk#3570: https://github.com/dusk-network/rusk/issues/3570
+dusk-network/rusk#3746: https://github.com/dusk-network/rusk/issues/3746
+dusk-network/rusk#3821: https://github.com/dusk-network/rusk/issues/3821
+dusk-network/rusk#3822: https://github.com/dusk-network/rusk/issues/3822
+dusk-network/rusk#3824: https://github.com/dusk-network/rusk/issues/3824
+dusk-network/rusk#3826: https://github.com/dusk-network/rusk/issues/3826
+dusk-network/rusk#3927: https://github.com/dusk-network/rusk/issues/3927
+dusk-network/rusk#3953: https://github.com/dusk-network/rusk/issues/3953
+dusk-network/rusk#3954: https://github.com/dusk-network/rusk/issues/3954
+dusk-network/rusk#3955: https://github.com/dusk-network/rusk/issues/3955
+dusk-network/rusk#3958: https://github.com/dusk-network/rusk/issues/3958
+dusk-network/rusk#3982: https://github.com/dusk-network/rusk/issues/3982
+dusk-network/rusk#3984: https://github.com/dusk-network/rusk/issues/3984
+
+<!-- VERSIONS -->
+
+[Unreleased]: https://github.com/dusk-network/web-wallet/tree/main
+[1.7.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.7.0
+[1.6.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.6.0
+[1.5.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.5.0
+[1.4.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.4.0
+[1.3.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.3.0
+[1.2.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.2.0
+[1.1.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.1.0
+[1.0.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.0.0
+[0.10.1]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.10.1
+[0.10.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.10.0
+[0.9.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.9.0
+[0.8.1]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.8.1
+[0.8.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.8.0
+[0.7.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.7.0
+[0.6.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.6.0
+[0.5.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v0.5.0
+[0.4.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-0.4.0
+[0.3.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-0.3.0
+[0.2.1]: https://github.com/dusk-network/web-wallet/tree/web-wallet-0.2.1
+[0.2.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-0.2.0
+[0.1.0-beta]: https://github.com/dusk-network/web-wallet/tree/web-wallet-0.1.0-beta
diff --git a/README.md b/README.md
index 6df2b7ee..8977f025 100644
--- a/README.md
+++ b/README.md
@@ -5,15 +5,15 @@ Web Wallet website.
 ## TOC
 
 - [Web Wallet](#web-wallet)
-    - [TOC](#toc)
-    - [Build system and dev environment](#build-system-and-dev-environment)
-	- [Environment variables](#environment-variables)
+  - [TOC](#toc)
+  - [Build system and dev environment](#build-system-and-dev-environment)
+  - [Environment variables](#environment-variables)
     - [NPM scripts](#npm-scripts)
-	- [Running a local Rusk node](#running-a-local-rusk-node)
+  - [Running a local Rusk node](#running-a-local-rusk-node)
 
 ## Build system and dev environment
 
-The build system assumes that you have at least Node.js v18.x installed. The LTS version is 18.16.0 at the time of writing.
+The build system assumes that you have at least Node.js v24.x installed. The LTS version is 24.13.0 at the time of writing.
 
 All terminal commands assume that you are positioned in root folder of the repository.
 Run `npm install` from the root folder to get the necessary dependencies.
@@ -23,6 +23,7 @@ As the application uses the [Web Crypto API](https://developer.mozilla.org/en-US
 The staging environment is at https://web-wallet-staging-oxs3z.ondigitalocean.app/
 
 ## Environment variables
+
 The `dusk-wallet-js` library uses some [environment variables](https://github.com/dusk-network/dusk-wallet-js/blob/main/.env).
 
 The application defines these variables by reading a local `.env` file containing the same variables used in the `dusk-wallet-js`, with the addition of the `VITE_` prefix.
@@ -30,22 +31,29 @@ The application defines these variables by reading a local `.env` file containin
 N.B. the current `0.1.2` version of the library has no option to pick the network and uses the `LOCAL_NODE` only. The current testnet address is set in that variable in the example below:
 
 ```
-VITE_CONTRACT_STAKE_DISABLED=false
-VITE_CONTRACT_TRANSFER_DISABLED=false
-VITE_CURRENT_NODE=${VITE_LOCAL_NODE}
-VITE_CURRENT_PROVER_NODE=${VITE_LOCAL_NODE}
-VITE_GAS_LIMIT_DEFAULT=2900000000
+VITE_BASE_PATH="" # can be empty string, must start with a slash otherwise, must not end with a slash
+VITE_BRIDGE_CONTRACT_ID=""
+VITE_EVM_BRIDGE_CONTRACT_ADDRESS=""
+VITE_EVM_BRIDGE_CONTRACT_BLOCK_CREATED=
+VITE_EVM_BRIDGE_BLOCK_EXPLORER_NAME="Dusk EVM Explorer"
+VITE_EVM_BRIDGE_BLOCK_EXPLORER_URL=""
+VITE_EVM_BRIDGE_RPC_URL=""
+VITE_EVM_CHAIN_ID=745
+VITE_FEATURE_ALLOCATE=true
+VITE_FEATURE_BRIDGE=true
+VITE_FEATURE_MIGRATE=true
+VITE_FEATURE_STAKE=true
+VITE_FEATURE_TRANSFER=true
+VITE_FEATURE_TRANSACTION_HISTORY=true
+VITE_GAS_LIMIT_DEFAULT=100000000
 VITE_GAS_LIMIT_LOWER=10000000
 VITE_GAS_LIMIT_UPPER=1000000000
 VITE_GAS_PRICE_DEFAULT=1
 VITE_GAS_PRICE_LOWER=1
-VITE_LOCAL_NODE="https://localhost:5173/rusk/"
-VITE_MAINNET_NODE=""
-VITE_RKYV_TREE_LEAF_SIZE=632
-VITE_STAKE_CONTRACT="0200000000000000000000000000000000000000000000000000000000000000"
-VITE_TESTNET_NODE="https://nodes.dusk.network/"
-VITE_TESTNET_PROVER_NODE="https://provers.dusk.network/"
-VITE_TRANSFER_CONTRACT="0100000000000000000000000000000000000000000000000000000000000000"
+VITE_SYNC_INTERVAL=300000
+VITE_MODE_MAINTENANCE=false
+VITE_REOWN_PROJECT_ID="" # the ID of the EVM project (as on Reown Cloud)
+VITE_NODE_URL="" # connect to a specific node
 ```
 
 To run a local node different steps are needed, so please read the [related section](#running-a-local-rusk-node).
@@ -60,11 +68,11 @@ To run a local node different steps are needed, so please read the [related sect
 - `npm run lint:fix`: runs ESLint with the `--fix` flag to fix formatting errors
 - `npm run preview` previews the production build
 - `npm test` runs the test suite
-- `npm run test:coverage` runs the test suite and generate the code coverage report in the `coverage` folder
+- `npm run test:coverage` runs the test suite and generates the code coverage report in the `coverage` folder
 - `npm run test:watch` runs the test suite in watch mode
 - `npm run typecheck` runs the type checker
 - `npm run typecheck:watch` runs the type checker in watch mode
 
 ## Running a local Rusk node
 
-To run a local node, follow the instructions outlined in the [Rusk's readme](https://github.com/dusk-network/rusk).
\ No newline at end of file
+To run a local node, follow the instructions outlined in the [Rusk's readme](https://github.com/dusk-network/rusk).
diff --git a/RELEASE.md b/RELEASE.md
new file mode 100644
index 00000000..a29e26f9
--- /dev/null
+++ b/RELEASE.md
@@ -0,0 +1,194 @@
+# Web Apps Release Instructions
+
+This document outlines the standard process for releasing updates to web applications following semantic versioning principles.
+
+## Example: Web Wallet v1.1.0 Release
+
+### 1. Create a Release Issue
+
+- Create a new issue in the project repository
+- Title: `Release Web Wallet v1.1.0` or `web-wallet: Release v1.1.0`, if using prefix to the issue title
+- Add appropriate labels (e.g. module: `web-wallet`, type: `task`)
+
+### 2. Create a Release Branch
+
+- Create a branch from the latest `main`
+- Name the branch using the issue number (e.g., `feature-ABC-123`)
+- **Note:** Do not use version numbers for branch names to avoid conflicts with tags
+
+```bash
+git checkout main
+git pull
+git checkout -b feature-ABC-123
+```
+
+### 3. Update Version Number
+
+- Use npm version commands to bump version according to semantic versioning:
+  - `npm version patch` (for bug fixes and minor changes)
+  - `npm version minor` (for new features, backward compatible)
+  - `npm version major` (for breaking changes)
+- For this example: `npm version minor`
+
+```bash
+npm version minor
+```
+
+### 4. Update the CHANGELOG.md
+
+- Add a new section for the version being released
+- Copy relevant changes from "Unreleased" section to the new version section
+- Keep the "Unreleased" section with any features that remain hidden to users
+- Ensure the format follows the project's changelog conventions
+- Add the version to the bottom of the changelog under "Versions"
+
+Example CHANGELOG.md format:
+
+```markdown
+# Changelog
+
+All notable changes to Web Wallet will be documented in this file.
+
+## [Unreleased]
+
+- New analytics dashboard layout (in progress)
+- Experimental dark mode theme
+
+## [1.1.0] - 2025-04-22
+
+### Added
+
+- Multi-account support
+- Export functionality for transaction history
+- Enhanced filtering options
+
+### Changed
+
+- Improved loading performance by 35%
+- Updated UI components for better mobile experience
+
+### Fixed
+
+- Transaction history pagination issue
+- Search functionality in asset explorer
+
+## [1.0.1] - 2025-03-15
+
+...
+
+<!-- VERSIONS -->
+
+[1.1.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.1.0
+[1.0.0]: https://github.com/dusk-network/web-wallet/tree/web-wallet-v1.0.0
+```
+
+### 5. Create and Review Pull Request
+
+- Commit and push the changes
+- Open a PR targeting `main`
+- Copy the changelog section for the new version into the PR description
+- Request code review from team members
+
+```bash
+git add CHANGELOG.md package.json package-lock.json
+git commit -m "web-wallet: Release v1.1.0"
+git push origin feature-ABC-123
+```
+
+### 6. Create Annotated Tag
+
+**Option A: Tag from branch (after approval)**
+
+```bash
+git tag -a web-wallet-v1.1.0 -m "Web Wallet: Release v1.1.0"
+```
+
+**Option B: Merge to main then tag (recommended)**
+
+```bash
+git checkout main
+git pull
+git tag -a web-wallet-v1.1.0 -m "Web Wallet: Release v1.1.0"
+```
+
+**Important note:** Ensure the tag name (`web-wallet-v1.1.0`) matches exactly with the entry added to the CHANGELOG.md in step 4.
+
+### 7. Push the Tag
+
+```bash
+git push origin web-wallet-v1.1.0
+```
+
+### 8. Verify Staging Environments
+
+- Wait for staging environments to rebuild automatically
+- Verify the application works as expected on all staging environments
+- Check that the version number displayed matches the released version
+- Test all features mentioned in the changelog
+
+### 9. Progressive Deployment on Production
+
+Deploy the new version progressively through each environment:
+
+1. **Devnet**
+   - Deploy to development network
+   - Verify functionality
+   - Address any issues before proceeding
+
+2. **Testnet**
+   - Deploy to test network after devnet validation
+   - Run comprehensive tests
+   - Verify integrations with other systems
+
+3. **Mainnet**
+   - Deploy to production after successful testnet validation
+   - Monitor deployment closely
+
+### 10. Troubleshooting Deployment
+
+If errors occur during deployment:
+
+- Try rebuilding with the "clear cache" option enabled
+- Check build logs for specific errors
+- Verify environment variables are correctly set
+- Confirm that all dependencies are properly resolved
+
+### 11. Final Validation
+
+- Confirm the application works correctly across all production environments
+- Verify the product version displayed in the UI matches the released version
+- Test all key user flows and features on different devices and browsers
+- Monitor error logs and performance metrics
+
+### 12. Announce the Release
+
+- Notify marketing team to prepare community announcement
+- Directly inform stakeholders whose requested features or fixes are included
+- Provide specific details to team members about changes that affect their work
+- Consider posting in relevant Discord channels, email lists, or other communication platforms
+- For major releases, coordinate with marketing on blog posts or social media announcements
+
+## Rollback Procedure (If Needed)
+
+If critical issues are discovered after deployment:
+
+1. Identify the last stable tag/version
+2. Deploy the previous stable version to affected environments
+3. Create a hotfix branch from the stable tag
+4. Fix the issue and follow an expedited version of the release process
+5. Communicate transparently about the issue and resolution
+
+## Release Checklist
+
+- [ ] Create issue for release
+- [ ] Create feature branch with issue number
+- [ ] Update version with npm version command
+- [ ] Update CHANGELOG.md
+- [ ] Open and get approval on PR
+- [ ] Create and push annotated tag
+- [ ] Verify staging deployment
+- [ ] Deploy to devnet and verify
+- [ ] Deploy to testnet and verify
+- [ ] Deploy to mainnet and verify
+- [ ] Final validation across environments
+- [ ] Announce release to stakeholders
diff --git a/__mocks__/Wallet.js b/__mocks__/Wallet.js
deleted file mode 100644
index fb1e3fef..00000000
--- a/__mocks__/Wallet.js
+++ /dev/null
@@ -1,20 +0,0 @@
-class Wallet {
-	gasLimit;
-	gasPrice;
-	seed;
-	wasm;
-
-	async history () {}
-	async getBalance () {}
-	async getPsks () {}
-	async stake () {}
-	async stakeAllow () {}
-	async stakeInfo () {}
-	async reset () {}
-	async sync () {}
-	async transfer () {}
-	async unstake () {}
-	async withdrawReward () {}
-}
-
-export default Wallet;
diff --git a/__mocks__/initDuskWalletCore.js b/__mocks__/initDuskWalletCore.js
deleted file mode 100644
index dbe2a1ed..00000000
--- a/__mocks__/initDuskWalletCore.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { readFile } from "node:fs/promises";
-
-/**
- * @param {Record<string, any>} imports
- * @returns {Promise<WebAssembly.Instance>}
- */
-const init = async imports =>
-	readFile(require.resolve("@dusk-network/dusk-wallet-core/dusk_wallet_core_bg.wasm"))
-		.then(buffer => WebAssembly.instantiate(buffer, imports))
-		.then(({ instance }) => instance);
-
-export default init;
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 00000000..7fb2ef6f
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,81 @@
+import { defineConfig, globalIgnores } from "@eslint/config-helpers";
+import globals from "globals";
+import jsEsLintConfig from "@dusk-network/eslint-config";
+import svelteEsLintConfig from "@dusk-network/eslint-config/svelte";
+import vitestEsLintConfig from "@dusk-network/eslint-config/vitest";
+
+import svelteConfig from "./svelte.config.js";
+
+/** @type {import("eslint").Linter.Config[]} */
+export default defineConfig([
+  {
+    files: ["**/*.{js,mjs,cjs,svelte}"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        CONFIG: "readonly",
+      },
+      sourceType: "module",
+    },
+    settings: {
+      "import/resolver": {
+        node: {},
+        typescript: {
+          alwaysTryTypes: true,
+          project: "./jsconfig.json",
+        },
+      },
+    },
+  },
+  {
+    extends: [jsEsLintConfig],
+    files: ["src/**/*.{js,mjs,cjs}"],
+  },
+  {
+    extends: [svelteEsLintConfig],
+    files: ["**/*.svelte"],
+    languageOptions: {
+      parserOptions: {
+        svelteConfig,
+      },
+    },
+    rules: {
+      /**
+       * This rule was added in `eslint-plugin-svelte` v3.12.0.
+       * We disable it temporarily for links, as we have our own
+       * path resolution in place.
+       *
+       * @see https://sveltejs.github.io/eslint-plugin-svelte/rules/no-navigation-without-resolve/
+       */
+      "svelte/no-navigation-without-resolve": [
+        "error",
+        {
+          ignoreGoto: false,
+          ignoreLinks: true,
+          ignorePushState: false,
+          ignoreReplaceState: false,
+        },
+      ],
+    },
+  },
+  {
+    extends: [vitestEsLintConfig],
+    files: ["*.js", "**/*.spec.js", "src/lib/dusk/mocks/**/*.js"],
+    rules: {
+      "vitest/no-standalone-expect": [
+        "error",
+        {
+          additionalTestBlockFunctions: [
+            "afterAll",
+            "afterEach",
+            "beforeAll",
+            "beforeEach",
+          ],
+        },
+      ],
+    },
+  },
+  globalIgnores([".svelte-kit/", "build/", "coverage/"]),
+]);
diff --git a/jsconfig.json b/jsconfig.json
index 0f45dc0b..5905b363 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,21 +1,31 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"noImplicitAny": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": false,
-		"sourceMap": true,
-		"strict": true,
-		"paths": {
-			"$lib": ["./src/lib"],
-			"$lib/*": ["./src/lib/*"]
-		},
-		"types": [
-			"./node_modules/@testing-library/jest-dom/types/vitest.d.ts"
-		]
-	}
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": ".",
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "lib": ["esnext", "DOM", "DOM.AsyncIterable", "DOM.Iterable"],
+    "noImplicitAny": true,
+    "paths": {
+      "$app": ["./node_modules/@sveltejs/kit/src/runtime/app"],
+      "$app/*": ["./node_modules/@sveltejs/kit/src/runtime/app/*"],
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"],
+      "svelte/motion": ["node_modules/svelte/src/runtime/motion/index.js"],
+      "svelte/store": ["./node_modules/svelte/src/runtime/store/index.js"],
+      "svelte/transition": [
+        "node_modules/svelte/src/runtime/transition/index.js"
+      ]
+    },
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "types": [
+      "./node_modules/@testing-library/jest-dom/types/vitest.d.ts",
+      "lamb-types"
+    ]
+  }
 }
diff --git a/package-lock.json b/package-lock.json
index e7e3bee4..deb7019e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12645 +1,11561 @@
 {
-	"name": "web-wallet",
-	"version": "1.0.0-beta",
-	"lockfileVersion": 2,
-	"requires": true,
-	"packages": {
-		"": {
-			"name": "web-wallet",
-			"version": "1.0.0-beta",
-			"license": "MPL-2.0",
-			"dependencies": {
-				"@dusk-network/dusk-wallet-js": "0.3.2",
-				"@floating-ui/dom": "1.5.3",
-				"@mdi/js": "7.3.67",
-				"bip39": "3.1.0",
-				"css-doodle": "0.37.4",
-				"lamb": "0.61.1",
-				"qr-scanner": "1.4.2",
-				"qrcode": "1.5.3",
-				"svelte-persisted-store": "0.7.0"
-			},
-			"devDependencies": {
-				"@dusk-network/eslint-config": "2.1.0",
-				"@sveltejs/adapter-static": "2.0.3",
-				"@sveltejs/kit": "1.27.6",
-				"@testing-library/jest-dom": "6.1.4",
-				"@testing-library/svelte": "4.0.5",
-				"@vitejs/plugin-basic-ssl": "1.0.2",
-				"@vitest/browser": "0.34.6",
-				"@vitest/coverage-v8": "0.34.6",
-				"@zerodevx/svelte-toast": "^0.9.5",
-				"autoprefixer": "10.4.16",
-				"eslint": "8.54.0",
-				"eslint-import-resolver-custom-alias": "1.3.2",
-				"eslint-plugin-svelte": "2.35.1",
-				"jsdom": "23.0.0",
-				"jsdom-worker": "0.3.0",
-				"postcss-nested": "6.0.1",
-				"svelte": "4.2.7",
-				"svelte-check": "3.6.2",
-				"svelte-preprocess": "5.1.1",
-				"typescript": "5.3.2",
-				"vite": "4.5.0",
-				"vite-plugin-node-polyfills": "0.17.0",
-				"vite-tsconfig-paths": "4.2.1",
-				"vitest": "0.34.6"
-			},
-			"engines": {
-				"node": ">=18.0.0"
-			}
-		},
-		"node_modules/@aashutoshrathi/word-wrap": {
-			"version": "1.2.6",
-			"resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-			"integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/@adobe/css-tools": {
-			"version": "4.3.1",
-			"resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.3.1.tgz",
-			"integrity": "sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==",
-			"dev": true
-		},
-		"node_modules/@ampproject/remapping": {
-			"version": "2.2.1",
-			"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-			"integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-			"dependencies": {
-				"@jridgewell/gen-mapping": "^0.3.0",
-				"@jridgewell/trace-mapping": "^0.3.9"
-			},
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/@babel/code-frame": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
-			"integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
-			"dev": true,
-			"dependencies": {
-				"@babel/highlight": "^7.23.4",
-				"chalk": "^2.4.2"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/ansi-styles": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-			"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^1.9.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/chalk": {
-			"version": "2.4.2",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-			"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^3.2.1",
-				"escape-string-regexp": "^1.0.5",
-				"supports-color": "^5.3.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/color-convert": {
-			"version": "1.9.3",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-			"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "1.1.3"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/color-name": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-			"integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-			"dev": true
-		},
-		"node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-			"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.8.0"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/has-flag": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-			"integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/code-frame/node_modules/supports-color": {
-			"version": "5.5.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-			"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-			"dev": true,
-			"dependencies": {
-				"has-flag": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/helper-validator-identifier": {
-			"version": "7.22.20",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-			"integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-			"dev": true,
-			"engines": {
-				"node": ">=6.9.0"
-			}
-		},
-		"node_modules/@babel/highlight": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-			"integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-validator-identifier": "^7.22.20",
-				"chalk": "^2.4.2",
-				"js-tokens": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/ansi-styles": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-			"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^1.9.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/chalk": {
-			"version": "2.4.2",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-			"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^3.2.1",
-				"escape-string-regexp": "^1.0.5",
-				"supports-color": "^5.3.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/color-convert": {
-			"version": "1.9.3",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-			"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "1.1.3"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/color-name": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-			"integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-			"dev": true
-		},
-		"node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-			"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.8.0"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/has-flag": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-			"integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/highlight/node_modules/supports-color": {
-			"version": "5.5.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-			"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-			"dev": true,
-			"dependencies": {
-				"has-flag": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/@babel/runtime": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
-			"integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
-			"dev": true,
-			"dependencies": {
-				"regenerator-runtime": "^0.14.0"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			}
-		},
-		"node_modules/@bcoe/v8-coverage": {
-			"version": "0.2.3",
-			"resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-			"integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-			"dev": true
-		},
-		"node_modules/@dusk-network/dusk-wallet-js": {
-			"version": "0.3.2",
-			"resolved": "https://npm.pkg.github.com/download/@dusk-network/dusk-wallet-js/0.3.2/794c3368ffad3f081a784e2fa92285977b029d4f",
-			"integrity": "sha512-552re4W969LqS5rmeuZx4bE3a+WA6o5xWop4wygxzWZJcE8qG/x5UmjXvCu1wkIFUmO7FSoCkUOE8nd4i4u8ag==",
-			"license": "MPL",
-			"dependencies": {
-				"dexie": "3.2.4",
-				"fake-indexeddb": "5.0.1"
-			}
-		},
-		"node_modules/@dusk-network/eslint-config": {
-			"version": "2.1.0",
-			"resolved": "https://npm.pkg.github.com/download/@dusk-network/eslint-config/2.1.0/2d74c4a499ba5fb36771049aedc7e54dfbb7732c",
-			"integrity": "sha512-pbxcp1rp1Ayoh0krh7NE9f34r0dUhmFMhMtjftJDQUxYY0Ljs+Z9a2QdJFGLZW5tVb++eCXeTKQZ/owfCvfdYg==",
-			"dev": true,
-			"license": "MPL-2.0",
-			"engines": {
-				"node": ">=18.0.0"
-			},
-			"optionalDependencies": {
-				"eslint-plugin-svelte": ">=2.31.0"
-			},
-			"peerDependencies": {
-				"eslint": ">=8.0.0",
-				"eslint-plugin-import": ">=2.0.0"
-			}
-		},
-		"node_modules/@esbuild/android-arm": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-			"integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/android-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
-			"integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/android-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
-			"integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/darwin-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-			"integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/darwin-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
-			"integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
-			"integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/freebsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
-			"integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-arm": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
-			"integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
-			"cpu": [
-				"arm"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
-			"integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-ia32": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
-			"integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-loong64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
-			"integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
-			"cpu": [
-				"loong64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-mips64el": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
-			"integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
-			"cpu": [
-				"mips64el"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-ppc64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
-			"integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
-			"cpu": [
-				"ppc64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-riscv64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
-			"integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
-			"cpu": [
-				"riscv64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-s390x": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
-			"integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
-			"cpu": [
-				"s390x"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/linux-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
-			"integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/netbsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
-			"integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/openbsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
-			"integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/sunos-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
-			"integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"sunos"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/win32-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
-			"integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
-			"cpu": [
-				"arm64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/win32-ia32": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
-			"integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
-			"cpu": [
-				"ia32"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@esbuild/win32-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
-			"integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
-			"cpu": [
-				"x64"
-			],
-			"dev": true,
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@eslint-community/eslint-utils": {
-			"version": "4.4.0",
-			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-			"integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-			"dev": true,
-			"dependencies": {
-				"eslint-visitor-keys": "^3.3.0"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"peerDependencies": {
-				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-			}
-		},
-		"node_modules/@eslint-community/regexpp": {
-			"version": "4.10.0",
-			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-			"integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-			"dev": true,
-			"engines": {
-				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-			}
-		},
-		"node_modules/@eslint/eslintrc": {
-			"version": "2.1.3",
-			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
-			"integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
-			"dev": true,
-			"dependencies": {
-				"ajv": "^6.12.4",
-				"debug": "^4.3.2",
-				"espree": "^9.6.0",
-				"globals": "^13.19.0",
-				"ignore": "^5.2.0",
-				"import-fresh": "^3.2.1",
-				"js-yaml": "^4.1.0",
-				"minimatch": "^3.1.2",
-				"strip-json-comments": "^3.1.1"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/eslint"
-			}
-		},
-		"node_modules/@eslint/js": {
-			"version": "8.54.0",
-			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.54.0.tgz",
-			"integrity": "sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==",
-			"dev": true,
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			}
-		},
-		"node_modules/@fastify/busboy": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.0.tgz",
-			"integrity": "sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==",
-			"dev": true,
-			"engines": {
-				"node": ">=14"
-			}
-		},
-		"node_modules/@floating-ui/core": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
-			"integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
-			"dependencies": {
-				"@floating-ui/utils": "^0.1.3"
-			}
-		},
-		"node_modules/@floating-ui/dom": {
-			"version": "1.5.3",
-			"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-			"integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
-			"dependencies": {
-				"@floating-ui/core": "^1.4.2",
-				"@floating-ui/utils": "^0.1.3"
-			}
-		},
-		"node_modules/@floating-ui/utils": {
-			"version": "0.1.6",
-			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
-			"integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
-		},
-		"node_modules/@humanwhocodes/config-array": {
-			"version": "0.11.13",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-			"integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
-			"dev": true,
-			"dependencies": {
-				"@humanwhocodes/object-schema": "^2.0.1",
-				"debug": "^4.1.1",
-				"minimatch": "^3.0.5"
-			},
-			"engines": {
-				"node": ">=10.10.0"
-			}
-		},
-		"node_modules/@humanwhocodes/module-importer": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.22"
-			},
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/nzakas"
-			}
-		},
-		"node_modules/@humanwhocodes/object-schema": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-			"integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
-			"dev": true
-		},
-		"node_modules/@istanbuljs/schema": {
-			"version": "0.1.3",
-			"resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-			"integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/@jest/schemas": {
-			"version": "29.6.3",
-			"resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-			"integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-			"dev": true,
-			"dependencies": {
-				"@sinclair/typebox": "^0.27.8"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/@jridgewell/gen-mapping": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-			"integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-			"dependencies": {
-				"@jridgewell/set-array": "^1.0.1",
-				"@jridgewell/sourcemap-codec": "^1.4.10",
-				"@jridgewell/trace-mapping": "^0.3.9"
-			},
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/@jridgewell/resolve-uri": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-			"integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/@jridgewell/set-array": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-			"integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/@jridgewell/sourcemap-codec": {
-			"version": "1.4.15",
-			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
-		},
-		"node_modules/@jridgewell/trace-mapping": {
-			"version": "0.3.20",
-			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-			"integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-			"dependencies": {
-				"@jridgewell/resolve-uri": "^3.1.0",
-				"@jridgewell/sourcemap-codec": "^1.4.14"
-			}
-		},
-		"node_modules/@jspm/core": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/@jspm/core/-/core-2.0.1.tgz",
-			"integrity": "sha512-Lg3PnLp0QXpxwLIAuuJboLeRaIhrgJjeuh797QADg3xz8wGLugQOS5DpsE8A6i6Adgzf+bacllkKZG3J0tGfDw==",
-			"dev": true
-		},
-		"node_modules/@mdi/js": {
-			"version": "7.3.67",
-			"resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.3.67.tgz",
-			"integrity": "sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw=="
-		},
-		"node_modules/@noble/hashes": {
-			"version": "1.3.3",
-			"resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.3.tgz",
-			"integrity": "sha512-V7/fPHgl+jsVPXqqeOzT8egNj2iBIVt+ECeMMG8TdcnTikP3oaBtUVqpT/gYCR68aEBJSF+XbYUxStjbFMqIIA==",
-			"engines": {
-				"node": ">= 16"
-			},
-			"funding": {
-				"url": "https://paulmillr.com/funding/"
-			}
-		},
-		"node_modules/@nodelib/fs.scandir": {
-			"version": "2.1.5",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
-			"dependencies": {
-				"@nodelib/fs.stat": "2.0.5",
-				"run-parallel": "^1.1.9"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/@nodelib/fs.stat": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true,
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/@nodelib/fs.walk": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
-			"dependencies": {
-				"@nodelib/fs.scandir": "2.1.5",
-				"fastq": "^1.6.0"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/@polka/url": {
-			"version": "1.0.0-next.23",
-			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
-			"integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
-			"dev": true
-		},
-		"node_modules/@rollup/plugin-inject": {
-			"version": "5.0.5",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
-			"integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
-			"dev": true,
-			"dependencies": {
-				"@rollup/pluginutils": "^5.0.1",
-				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.3"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@rollup/plugin-inject/node_modules/estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-			"dev": true
-		},
-		"node_modules/@rollup/pluginutils": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
-			"integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
-			"dev": true,
-			"dependencies": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^2.0.2",
-				"picomatch": "^2.3.1"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-			},
-			"peerDependenciesMeta": {
-				"rollup": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@rollup/pluginutils/node_modules/estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-			"dev": true
-		},
-		"node_modules/@sinclair/typebox": {
-			"version": "0.27.8",
-			"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-			"integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-			"dev": true
-		},
-		"node_modules/@sveltejs/adapter-static": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.3.tgz",
-			"integrity": "sha512-VUqTfXsxYGugCpMqQv1U0LIdbR3S5nBkMMDmpjGVJyM6Q2jHVMFtdWJCkeHMySc6mZxJ+0eZK3T7IgmUCDrcUQ==",
-			"dev": true,
-			"peerDependencies": {
-				"@sveltejs/kit": "^1.5.0"
-			}
-		},
-		"node_modules/@sveltejs/kit": {
-			"version": "1.27.6",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.6.tgz",
-			"integrity": "sha512-GsjTkMbKzXdbeRg0tk8S7HNShQ4879ftRr0ZHaZfjbig1xQwG57Bvcm9U9/mpLJtCapLbLWUnygKrgcLISLC8A==",
-			"dev": true,
-			"hasInstallScript": true,
-			"dependencies": {
-				"@sveltejs/vite-plugin-svelte": "^2.5.0",
-				"@types/cookie": "^0.5.1",
-				"cookie": "^0.5.0",
-				"devalue": "^4.3.1",
-				"esm-env": "^1.0.0",
-				"kleur": "^4.1.5",
-				"magic-string": "^0.30.0",
-				"mrmime": "^1.0.1",
-				"sade": "^1.8.1",
-				"set-cookie-parser": "^2.6.0",
-				"sirv": "^2.0.2",
-				"tiny-glob": "^0.2.9",
-				"undici": "~5.26.2"
-			},
-			"bin": {
-				"svelte-kit": "svelte-kit.js"
-			},
-			"engines": {
-				"node": "^16.14 || >=18"
-			},
-			"peerDependencies": {
-				"svelte": "^3.54.0 || ^4.0.0-next.0 || ^5.0.0-next.0",
-				"vite": "^4.0.0"
-			}
-		},
-		"node_modules/@sveltejs/vite-plugin-svelte": {
-			"version": "2.5.3",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.5.3.tgz",
-			"integrity": "sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==",
-			"dev": true,
-			"dependencies": {
-				"@sveltejs/vite-plugin-svelte-inspector": "^1.0.4",
-				"debug": "^4.3.4",
-				"deepmerge": "^4.3.1",
-				"kleur": "^4.1.5",
-				"magic-string": "^0.30.3",
-				"svelte-hmr": "^0.15.3",
-				"vitefu": "^0.2.4"
-			},
-			"engines": {
-				"node": "^14.18.0 || >= 16"
-			},
-			"peerDependencies": {
-				"svelte": "^3.54.0 || ^4.0.0 || ^5.0.0-next.0",
-				"vite": "^4.0.0"
-			}
-		},
-		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz",
-			"integrity": "sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==",
-			"dev": true,
-			"dependencies": {
-				"debug": "^4.3.4"
-			},
-			"engines": {
-				"node": "^14.18.0 || >= 16"
-			},
-			"peerDependencies": {
-				"@sveltejs/vite-plugin-svelte": "^2.2.0",
-				"svelte": "^3.54.0 || ^4.0.0",
-				"vite": "^4.0.0"
-			}
-		},
-		"node_modules/@testing-library/dom": {
-			"version": "9.3.3",
-			"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
-			"integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
-			"dev": true,
-			"dependencies": {
-				"@babel/code-frame": "^7.10.4",
-				"@babel/runtime": "^7.12.5",
-				"@types/aria-query": "^5.0.1",
-				"aria-query": "5.1.3",
-				"chalk": "^4.1.0",
-				"dom-accessibility-api": "^0.5.9",
-				"lz-string": "^1.5.0",
-				"pretty-format": "^27.0.2"
-			},
-			"engines": {
-				"node": ">=14"
-			}
-		},
-		"node_modules/@testing-library/dom/node_modules/aria-query": {
-			"version": "5.1.3",
-			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-			"integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-			"dev": true,
-			"dependencies": {
-				"deep-equal": "^2.0.5"
-			}
-		},
-		"node_modules/@testing-library/dom/node_modules/chalk": {
-			"version": "4.1.2",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^4.1.0",
-				"supports-color": "^7.1.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/chalk?sponsor=1"
-			}
-		},
-		"node_modules/@testing-library/jest-dom": {
-			"version": "6.1.4",
-			"resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.1.4.tgz",
-			"integrity": "sha512-wpoYrCYwSZ5/AxcrjLxJmCU6I5QAJXslEeSiMQqaWmP2Kzpd1LvF/qxmAIW2qposULGWq2gw30GgVNFLSc2Jnw==",
-			"dev": true,
-			"dependencies": {
-				"@adobe/css-tools": "^4.3.1",
-				"@babel/runtime": "^7.9.2",
-				"aria-query": "^5.0.0",
-				"chalk": "^3.0.0",
-				"css.escape": "^1.5.1",
-				"dom-accessibility-api": "^0.5.6",
-				"lodash": "^4.17.15",
-				"redent": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=14",
-				"npm": ">=6",
-				"yarn": ">=1"
-			},
-			"peerDependencies": {
-				"@jest/globals": ">= 28",
-				"@types/jest": ">= 28",
-				"jest": ">= 28",
-				"vitest": ">= 0.32"
-			},
-			"peerDependenciesMeta": {
-				"@jest/globals": {
-					"optional": true
-				},
-				"@types/jest": {
-					"optional": true
-				},
-				"jest": {
-					"optional": true
-				},
-				"vitest": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/@testing-library/svelte": {
-			"version": "4.0.5",
-			"resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-4.0.5.tgz",
-			"integrity": "sha512-P7X3mpYv/My4hBZfxVxTFV5KcA+EoWfRCguWP7WQdYj6HMdg/L+LiwG4ocvLe+hupedrC7dwcy85JlxKplJp2g==",
-			"dev": true,
-			"dependencies": {
-				"@testing-library/dom": "^9.3.1"
-			},
-			"engines": {
-				"node": ">= 10"
-			},
-			"peerDependencies": {
-				"svelte": "^3 || ^4"
-			}
-		},
-		"node_modules/@types/aria-query": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
-			"integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-			"dev": true
-		},
-		"node_modules/@types/chai": {
-			"version": "4.3.11",
-			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.11.tgz",
-			"integrity": "sha512-qQR1dr2rGIHYlJulmr8Ioq3De0Le9E4MJ5AiaeAETJJpndT1uUNHsGFK3L/UIu+rbkQSdj8J/w2bCsBZc/Y5fQ==",
-			"dev": true
-		},
-		"node_modules/@types/chai-subset": {
-			"version": "1.3.5",
-			"resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.5.tgz",
-			"integrity": "sha512-c2mPnw+xHtXDoHmdtcCXGwyLMiauiAyxWMzhGpqHC4nqI/Y5G2XhTampslK2rb59kpcuHon03UH8W6iYUzw88A==",
-			"dev": true,
-			"dependencies": {
-				"@types/chai": "*"
-			}
-		},
-		"node_modules/@types/cookie": {
-			"version": "0.5.4",
-			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.4.tgz",
-			"integrity": "sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==",
-			"dev": true
-		},
-		"node_modules/@types/estree": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-			"integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
-		},
-		"node_modules/@types/istanbul-lib-coverage": {
-			"version": "2.0.6",
-			"resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-			"integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-			"dev": true
-		},
-		"node_modules/@types/json5": {
-			"version": "0.0.29",
-			"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-			"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-			"dev": true,
-			"peer": true
-		},
-		"node_modules/@types/node": {
-			"version": "20.10.0",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.0.tgz",
-			"integrity": "sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==",
-			"dev": true,
-			"dependencies": {
-				"undici-types": "~5.26.4"
-			}
-		},
-		"node_modules/@types/offscreencanvas": {
-			"version": "2019.7.3",
-			"resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
-			"integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="
-		},
-		"node_modules/@types/pug": {
-			"version": "2.0.10",
-			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
-			"integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==",
-			"dev": true
-		},
-		"node_modules/@ungap/structured-clone": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-			"dev": true
-		},
-		"node_modules/@vitejs/plugin-basic-ssl": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.2.tgz",
-			"integrity": "sha512-DKHKVtpI+eA5fvObVgQ3QtTGU70CcCnedalzqmGSR050AzKZMdUzgC8KmlOneHWH8dF2hJ3wkC9+8FDVAaDRCw==",
-			"dev": true,
-			"engines": {
-				"node": ">=14.6.0"
-			},
-			"peerDependencies": {
-				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
-			}
-		},
-		"node_modules/@vitest/browser": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-0.34.6.tgz",
-			"integrity": "sha512-XCIGROVgw3L+PwYw/T2l+HP/SPrXvh2MfmQNU3aULl5ekE+QVj9A1RYu/1mcYXdac9ES4ahxUz6n4wgcVd9tbA==",
-			"dev": true,
-			"dependencies": {
-				"estree-walker": "^3.0.3",
-				"magic-string": "^0.30.1",
-				"modern-node-polyfills": "^1.0.0",
-				"sirv": "^2.0.3"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"vitest": ">=0.34.0"
-			}
-		},
-		"node_modules/@vitest/coverage-v8": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-0.34.6.tgz",
-			"integrity": "sha512-fivy/OK2d/EsJFoEoxHFEnNGTg+MmdZBAVK9Ka4qhXR2K3J0DS08vcGVwzDtXSuUMabLv4KtPcpSKkcMXFDViw==",
-			"dev": true,
-			"dependencies": {
-				"@ampproject/remapping": "^2.2.1",
-				"@bcoe/v8-coverage": "^0.2.3",
-				"istanbul-lib-coverage": "^3.2.0",
-				"istanbul-lib-report": "^3.0.1",
-				"istanbul-lib-source-maps": "^4.0.1",
-				"istanbul-reports": "^3.1.5",
-				"magic-string": "^0.30.1",
-				"picocolors": "^1.0.0",
-				"std-env": "^3.3.3",
-				"test-exclude": "^6.0.0",
-				"v8-to-istanbul": "^9.1.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"vitest": ">=0.32.0 <1"
-			}
-		},
-		"node_modules/@vitest/expect": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.34.6.tgz",
-			"integrity": "sha512-QUzKpUQRc1qC7qdGo7rMK3AkETI7w18gTCUrsNnyjjJKYiuUB9+TQK3QnR1unhCnWRC0AbKv2omLGQDF/mIjOw==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/spy": "0.34.6",
-				"@vitest/utils": "0.34.6",
-				"chai": "^4.3.10"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/runner": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.34.6.tgz",
-			"integrity": "sha512-1CUQgtJSLF47NnhN+F9X2ycxUP0kLHQ/JWvNHbeBfwW8CzEGgeskzNnHDyv1ieKTltuR6sdIHV+nmR6kPxQqzQ==",
-			"dev": true,
-			"dependencies": {
-				"@vitest/utils": "0.34.6",
-				"p-limit": "^4.0.0",
-				"pathe": "^1.1.1"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/runner/node_modules/p-limit": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-			"integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-			"dev": true,
-			"dependencies": {
-				"yocto-queue": "^1.0.0"
-			},
-			"engines": {
-				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/@vitest/runner/node_modules/yocto-queue": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-			"integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.20"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/@vitest/snapshot": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.34.6.tgz",
-			"integrity": "sha512-B3OZqYn6k4VaN011D+ve+AA4whM4QkcwcrwaKwAbyyvS/NB1hCWjFIBQxAQQSQir9/RtyAAGuq+4RJmbn2dH4w==",
-			"dev": true,
-			"dependencies": {
-				"magic-string": "^0.30.1",
-				"pathe": "^1.1.1",
-				"pretty-format": "^29.5.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/snapshot/node_modules/ansi-styles": {
-			"version": "5.2.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-			"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/@vitest/snapshot/node_modules/pretty-format": {
-			"version": "29.7.0",
-			"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-			"integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-			"dev": true,
-			"dependencies": {
-				"@jest/schemas": "^29.6.3",
-				"ansi-styles": "^5.0.0",
-				"react-is": "^18.0.0"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/@vitest/snapshot/node_modules/react-is": {
-			"version": "18.2.0",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-			"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-			"dev": true
-		},
-		"node_modules/@vitest/spy": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.34.6.tgz",
-			"integrity": "sha512-xaCvneSaeBw/cz8ySmF7ZwGvL0lBjfvqc1LpQ/vcdHEvpLn3Ff1vAvjw+CoGn0802l++5L/pxb7whwcWAw+DUQ==",
-			"dev": true,
-			"dependencies": {
-				"tinyspy": "^2.1.1"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/utils": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.34.6.tgz",
-			"integrity": "sha512-IG5aDD8S6zlvloDsnzHw0Ut5xczlF+kv2BOTo+iXfPr54Yhi5qbVOgGB1hZaVq4iJ4C/MZ2J0y15IlsV/ZcI0A==",
-			"dev": true,
-			"dependencies": {
-				"diff-sequences": "^29.4.3",
-				"loupe": "^2.3.6",
-				"pretty-format": "^29.5.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/@vitest/utils/node_modules/ansi-styles": {
-			"version": "5.2.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-			"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/@vitest/utils/node_modules/pretty-format": {
-			"version": "29.7.0",
-			"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-			"integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-			"dev": true,
-			"dependencies": {
-				"@jest/schemas": "^29.6.3",
-				"ansi-styles": "^5.0.0",
-				"react-is": "^18.0.0"
-			},
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/@vitest/utils/node_modules/react-is": {
-			"version": "18.2.0",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-			"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-			"dev": true
-		},
-		"node_modules/@zerodevx/svelte-toast": {
-			"version": "0.9.5",
-			"resolved": "https://registry.npmjs.org/@zerodevx/svelte-toast/-/svelte-toast-0.9.5.tgz",
-			"integrity": "sha512-JLeB/oRdJfT+dz9A5bgd3Z7TuQnBQbeUtXrGIrNWMGqWbabpepBF2KxtWVhL2qtxpRqhae2f6NAOzH7xs4jUSw==",
-			"dev": true,
-			"peerDependencies": {
-				"svelte": "^3.57.0 || ^4.0.0"
-			}
-		},
-		"node_modules/acorn": {
-			"version": "8.11.2",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-			"integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
-			"bin": {
-				"acorn": "bin/acorn"
-			},
-			"engines": {
-				"node": ">=0.4.0"
-			}
-		},
-		"node_modules/acorn-jsx": {
-			"version": "5.3.2",
-			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-			"dev": true,
-			"peerDependencies": {
-				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-			}
-		},
-		"node_modules/acorn-walk": {
-			"version": "8.3.0",
-			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
-			"integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.4.0"
-			}
-		},
-		"node_modules/agent-base": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
-			"integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
-			"dev": true,
-			"dependencies": {
-				"debug": "^4.3.4"
-			},
-			"engines": {
-				"node": ">= 14"
-			}
-		},
-		"node_modules/ajv": {
-			"version": "6.12.6",
-			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-			"dev": true,
-			"dependencies": {
-				"fast-deep-equal": "^3.1.1",
-				"fast-json-stable-stringify": "^2.0.0",
-				"json-schema-traverse": "^0.4.1",
-				"uri-js": "^4.2.2"
-			},
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/epoberezkin"
-			}
-		},
-		"node_modules/ansi-regex": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dependencies": {
-				"color-convert": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/anymatch": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-			"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-			"dev": true,
-			"dependencies": {
-				"normalize-path": "^3.0.0",
-				"picomatch": "^2.0.4"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/argparse": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-			"dev": true
-		},
-		"node_modules/aria-query": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-			"integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-			"dependencies": {
-				"dequal": "^2.0.3"
-			}
-		},
-		"node_modules/array-buffer-byte-length": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-			"integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"is-array-buffer": "^3.0.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/array-includes": {
-			"version": "3.1.7",
-			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-			"integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1",
-				"is-string": "^1.0.7"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/array.prototype.findlastindex": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-			"integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0",
-				"get-intrinsic": "^1.2.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/array.prototype.flat": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-			"integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/array.prototype.flatmap": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-			"integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/arraybuffer.prototype.slice": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-			"integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"array-buffer-byte-length": "^1.0.0",
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1",
-				"is-array-buffer": "^3.0.2",
-				"is-shared-array-buffer": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/asn1.js": {
-			"version": "5.4.1",
-			"resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
-			"integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.0.0",
-				"inherits": "^2.0.1",
-				"minimalistic-assert": "^1.0.0",
-				"safer-buffer": "^2.1.0"
-			}
-		},
-		"node_modules/asn1.js/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/assert": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
-			"integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"is-nan": "^1.3.2",
-				"object-is": "^1.1.5",
-				"object.assign": "^4.1.4",
-				"util": "^0.12.5"
-			}
-		},
-		"node_modules/assertion-error": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
-			"integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/asynckit": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-			"dev": true
-		},
-		"node_modules/autoprefixer": {
-			"version": "10.4.16",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-			"integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/postcss/"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/autoprefixer"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"dependencies": {
-				"browserslist": "^4.21.10",
-				"caniuse-lite": "^1.0.30001538",
-				"fraction.js": "^4.3.6",
-				"normalize-range": "^0.1.2",
-				"picocolors": "^1.0.0",
-				"postcss-value-parser": "^4.2.0"
-			},
-			"bin": {
-				"autoprefixer": "bin/autoprefixer"
-			},
-			"engines": {
-				"node": "^10 || ^12 || >=14"
-			},
-			"peerDependencies": {
-				"postcss": "^8.1.0"
-			}
-		},
-		"node_modules/available-typed-arrays": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-			"integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/axobject-query": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-			"integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-			"dependencies": {
-				"dequal": "^2.0.3"
-			}
-		},
-		"node_modules/balanced-match": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-			"dev": true
-		},
-		"node_modules/base64-js": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			]
-		},
-		"node_modules/binary-extensions": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/bip39": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/bip39/-/bip39-3.1.0.tgz",
-			"integrity": "sha512-c9kiwdk45Do5GL0vJMe7tS95VjCii65mYAH7DfWl3uW8AVzXKQVUm64i3hzVybBDMp9r7j9iNxR85+ul8MdN/A==",
-			"dependencies": {
-				"@noble/hashes": "^1.2.0"
-			}
-		},
-		"node_modules/bn.js": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
-			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
-			"dev": true
-		},
-		"node_modules/brace-expansion": {
-			"version": "1.1.11",
-			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
-			"dependencies": {
-				"balanced-match": "^1.0.0",
-				"concat-map": "0.0.1"
-			}
-		},
-		"node_modules/braces": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
-			"dependencies": {
-				"fill-range": "^7.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/brorand": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
-			"dev": true
-		},
-		"node_modules/browser-resolve": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/browser-resolve/-/browser-resolve-2.0.0.tgz",
-			"integrity": "sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==",
-			"dev": true,
-			"dependencies": {
-				"resolve": "^1.17.0"
-			}
-		},
-		"node_modules/browserify-aes": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-			"integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-			"dev": true,
-			"dependencies": {
-				"buffer-xor": "^1.0.3",
-				"cipher-base": "^1.0.0",
-				"create-hash": "^1.1.0",
-				"evp_bytestokey": "^1.0.3",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			}
-		},
-		"node_modules/browserify-cipher": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
-			"integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-			"dev": true,
-			"dependencies": {
-				"browserify-aes": "^1.0.4",
-				"browserify-des": "^1.0.0",
-				"evp_bytestokey": "^1.0.0"
-			}
-		},
-		"node_modules/browserify-des": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
-			"integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-			"dev": true,
-			"dependencies": {
-				"cipher-base": "^1.0.1",
-				"des.js": "^1.0.0",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			}
-		},
-		"node_modules/browserify-rsa": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
-			"integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^5.0.0",
-				"randombytes": "^2.0.1"
-			}
-		},
-		"node_modules/browserify-sign": {
-			"version": "4.2.2",
-			"resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.2.tgz",
-			"integrity": "sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^5.2.1",
-				"browserify-rsa": "^4.1.0",
-				"create-hash": "^1.2.0",
-				"create-hmac": "^1.1.7",
-				"elliptic": "^6.5.4",
-				"inherits": "^2.0.4",
-				"parse-asn1": "^5.1.6",
-				"readable-stream": "^3.6.2",
-				"safe-buffer": "^5.2.1"
-			},
-			"engines": {
-				"node": ">= 4"
-			}
-		},
-		"node_modules/browserify-zlib": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-			"integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-			"dev": true,
-			"dependencies": {
-				"pako": "~1.0.5"
-			}
-		},
-		"node_modules/browserslist": {
-			"version": "4.22.1",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-			"integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/browserslist"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/browserslist"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"dependencies": {
-				"caniuse-lite": "^1.0.30001541",
-				"electron-to-chromium": "^1.4.535",
-				"node-releases": "^2.0.13",
-				"update-browserslist-db": "^1.0.13"
-			},
-			"bin": {
-				"browserslist": "cli.js"
-			},
-			"engines": {
-				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-			}
-		},
-		"node_modules/buffer": {
-			"version": "5.7.1",
-			"resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-			"integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			],
-			"dependencies": {
-				"base64-js": "^1.3.1",
-				"ieee754": "^1.1.13"
-			}
-		},
-		"node_modules/buffer-crc32": {
-			"version": "0.2.13",
-			"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-			"integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/buffer-polyfill": {
-			"name": "buffer",
-			"version": "6.0.3",
-			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			],
-			"dependencies": {
-				"base64-js": "^1.3.1",
-				"ieee754": "^1.2.1"
-			}
-		},
-		"node_modules/buffer-xor": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
-			"dev": true
-		},
-		"node_modules/builtin-status-codes": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
-			"integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
-			"dev": true
-		},
-		"node_modules/cac": {
-			"version": "6.7.14",
-			"resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-			"integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/call-bind": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-			"integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-			"dev": true,
-			"dependencies": {
-				"function-bind": "^1.1.2",
-				"get-intrinsic": "^1.2.1",
-				"set-function-length": "^1.1.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/callsites": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/camelcase": {
-			"version": "5.3.1",
-			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/caniuse-lite": {
-			"version": "1.0.30001565",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz",
-			"integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/browserslist"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			]
-		},
-		"node_modules/chai": {
-			"version": "4.3.10",
-			"resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
-			"integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
-			"dev": true,
-			"dependencies": {
-				"assertion-error": "^1.1.0",
-				"check-error": "^1.0.3",
-				"deep-eql": "^4.1.3",
-				"get-func-name": "^2.0.2",
-				"loupe": "^2.3.6",
-				"pathval": "^1.1.1",
-				"type-detect": "^4.0.8"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/chalk": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-			"integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^4.1.0",
-				"supports-color": "^7.1.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/check-error": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.3.tgz",
-			"integrity": "sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==",
-			"dev": true,
-			"dependencies": {
-				"get-func-name": "^2.0.2"
-			},
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/chokidar": {
-			"version": "3.5.3",
-			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-			"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "individual",
-					"url": "https://paulmillr.com/funding/"
-				}
-			],
-			"dependencies": {
-				"anymatch": "~3.1.2",
-				"braces": "~3.0.2",
-				"glob-parent": "~5.1.2",
-				"is-binary-path": "~2.1.0",
-				"is-glob": "~4.0.1",
-				"normalize-path": "~3.0.0",
-				"readdirp": "~3.6.0"
-			},
-			"engines": {
-				"node": ">= 8.10.0"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.2"
-			}
-		},
-		"node_modules/chokidar/node_modules/glob-parent": {
-			"version": "5.1.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
-			"dependencies": {
-				"is-glob": "^4.0.1"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/cipher-base": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-			"integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			}
-		},
-		"node_modules/cliui": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
-			"integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-			"dependencies": {
-				"string-width": "^4.2.0",
-				"strip-ansi": "^6.0.0",
-				"wrap-ansi": "^6.2.0"
-			}
-		},
-		"node_modules/code-red": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
-			"integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15",
-				"@types/estree": "^1.0.1",
-				"acorn": "^8.10.0",
-				"estree-walker": "^3.0.3",
-				"periscopic": "^3.1.0"
-			}
-		},
-		"node_modules/color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dependencies": {
-				"color-name": "~1.1.4"
-			},
-			"engines": {
-				"node": ">=7.0.0"
-			}
-		},
-		"node_modules/color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-		},
-		"node_modules/combined-stream": {
-			"version": "1.0.8",
-			"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-			"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-			"dev": true,
-			"dependencies": {
-				"delayed-stream": "~1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/concat-map": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-			"dev": true
-		},
-		"node_modules/console-browserify": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
-			"integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
-			"dev": true
-		},
-		"node_modules/constants-browserify": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-			"integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
-			"dev": true
-		},
-		"node_modules/convert-source-map": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-			"dev": true
-		},
-		"node_modules/cookie": {
-			"version": "0.5.0",
-			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-			"integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/create-ecdh": {
-			"version": "4.0.4",
-			"resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
-			"integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.1.0",
-				"elliptic": "^6.5.3"
-			}
-		},
-		"node_modules/create-ecdh/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/create-hash": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-			"integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-			"dev": true,
-			"dependencies": {
-				"cipher-base": "^1.0.1",
-				"inherits": "^2.0.1",
-				"md5.js": "^1.3.4",
-				"ripemd160": "^2.0.1",
-				"sha.js": "^2.4.0"
-			}
-		},
-		"node_modules/create-hmac": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-			"integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-			"dev": true,
-			"dependencies": {
-				"cipher-base": "^1.0.3",
-				"create-hash": "^1.1.0",
-				"inherits": "^2.0.1",
-				"ripemd160": "^2.0.0",
-				"safe-buffer": "^5.0.1",
-				"sha.js": "^2.4.8"
-			}
-		},
-		"node_modules/create-require": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-			"dev": true
-		},
-		"node_modules/cross-spawn": {
-			"version": "7.0.3",
-			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-			"integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-			"dev": true,
-			"dependencies": {
-				"path-key": "^3.1.0",
-				"shebang-command": "^2.0.0",
-				"which": "^2.0.1"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/crypto-browserify": {
-			"version": "3.12.0",
-			"resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
-			"integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-			"dev": true,
-			"dependencies": {
-				"browserify-cipher": "^1.0.0",
-				"browserify-sign": "^4.0.0",
-				"create-ecdh": "^4.0.0",
-				"create-hash": "^1.1.0",
-				"create-hmac": "^1.1.0",
-				"diffie-hellman": "^5.0.0",
-				"inherits": "^2.0.1",
-				"pbkdf2": "^3.0.3",
-				"public-encrypt": "^4.0.0",
-				"randombytes": "^2.0.0",
-				"randomfill": "^1.0.3"
-			},
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/css-doodle": {
-			"version": "0.37.4",
-			"resolved": "https://registry.npmjs.org/css-doodle/-/css-doodle-0.37.4.tgz",
-			"integrity": "sha512-OWfEVRI3FvwitIpgBCsk48oFRas7wzH7gNSeRyWIJFWZ05KoJu9YmtcHdZdr2nbQmAZ4rJFKX/SrR37tmvQaLA==",
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/css-doodle"
-			}
-		},
-		"node_modules/css-tree": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-			"integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-			"dependencies": {
-				"mdn-data": "2.0.30",
-				"source-map-js": "^1.0.1"
-			},
-			"engines": {
-				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-			}
-		},
-		"node_modules/css.escape": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-			"integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-			"dev": true
-		},
-		"node_modules/cssesc": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-			"dev": true,
-			"bin": {
-				"cssesc": "bin/cssesc"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/cssstyle": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
-			"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
-			"dev": true,
-			"dependencies": {
-				"rrweb-cssom": "^0.6.0"
-			},
-			"engines": {
-				"node": ">=14"
-			}
-		},
-		"node_modules/data-uri-to-buffer": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
-			"integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
-			"dev": true,
-			"peer": true,
-			"engines": {
-				"node": ">= 12"
-			}
-		},
-		"node_modules/data-urls": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
-			"integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
-			"dev": true,
-			"dependencies": {
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^14.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/debug": {
-			"version": "4.3.4",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-			"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-			"dev": true,
-			"dependencies": {
-				"ms": "2.1.2"
-			},
-			"engines": {
-				"node": ">=6.0"
-			},
-			"peerDependenciesMeta": {
-				"supports-color": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/decamelize": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/decimal.js": {
-			"version": "10.4.3",
-			"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-			"integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-			"dev": true
-		},
-		"node_modules/deep-eql": {
-			"version": "4.1.3",
-			"resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
-			"integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
-			"dev": true,
-			"dependencies": {
-				"type-detect": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/deep-equal": {
-			"version": "2.2.3",
-			"resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-			"integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-			"dev": true,
-			"dependencies": {
-				"array-buffer-byte-length": "^1.0.0",
-				"call-bind": "^1.0.5",
-				"es-get-iterator": "^1.1.3",
-				"get-intrinsic": "^1.2.2",
-				"is-arguments": "^1.1.1",
-				"is-array-buffer": "^3.0.2",
-				"is-date-object": "^1.0.5",
-				"is-regex": "^1.1.4",
-				"is-shared-array-buffer": "^1.0.2",
-				"isarray": "^2.0.5",
-				"object-is": "^1.1.5",
-				"object-keys": "^1.1.1",
-				"object.assign": "^4.1.4",
-				"regexp.prototype.flags": "^1.5.1",
-				"side-channel": "^1.0.4",
-				"which-boxed-primitive": "^1.0.2",
-				"which-collection": "^1.0.1",
-				"which-typed-array": "^1.1.13"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/deep-is": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-			"dev": true
-		},
-		"node_modules/deepmerge": {
-			"version": "4.3.1",
-			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/define-data-property": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-			"integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-			"dev": true,
-			"dependencies": {
-				"get-intrinsic": "^1.2.1",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/define-properties": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-			"dev": true,
-			"dependencies": {
-				"define-data-property": "^1.0.1",
-				"has-property-descriptors": "^1.0.0",
-				"object-keys": "^1.1.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/delayed-stream": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-			"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.4.0"
-			}
-		},
-		"node_modules/dequal": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-			"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/des.js": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
-			"integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.1",
-				"minimalistic-assert": "^1.0.0"
-			}
-		},
-		"node_modules/detect-indent": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
-			"integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/devalue": {
-			"version": "4.3.2",
-			"resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
-			"integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
-			"dev": true
-		},
-		"node_modules/dexie": {
-			"version": "3.2.4",
-			"resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
-			"integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA==",
-			"engines": {
-				"node": ">=6.0"
-			}
-		},
-		"node_modules/diff-sequences": {
-			"version": "29.6.3",
-			"resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-			"integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-			"dev": true,
-			"engines": {
-				"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-			}
-		},
-		"node_modules/diffie-hellman": {
-			"version": "5.0.3",
-			"resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
-			"integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.1.0",
-				"miller-rabin": "^4.0.0",
-				"randombytes": "^2.0.0"
-			}
-		},
-		"node_modules/diffie-hellman/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/dijkstrajs": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
-			"integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
-		},
-		"node_modules/doctrine": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-			"integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-			"dev": true,
-			"dependencies": {
-				"esutils": "^2.0.2"
-			},
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/dom-accessibility-api": {
-			"version": "0.5.16",
-			"resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-			"integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-			"dev": true
-		},
-		"node_modules/domain-browser": {
-			"version": "4.23.0",
-			"resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.23.0.tgz",
-			"integrity": "sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://bevry.me/fund"
-			}
-		},
-		"node_modules/electron-to-chromium": {
-			"version": "1.4.596",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.596.tgz",
-			"integrity": "sha512-zW3zbZ40Icb2BCWjm47nxwcFGYlIgdXkAx85XDO7cyky9J4QQfq8t0W19/TLZqq3JPQXtlv8BPIGmfa9Jb4scg==",
-			"dev": true
-		},
-		"node_modules/elliptic": {
-			"version": "6.5.4",
-			"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
-			"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.11.9",
-				"brorand": "^1.1.0",
-				"hash.js": "^1.0.0",
-				"hmac-drbg": "^1.0.1",
-				"inherits": "^2.0.4",
-				"minimalistic-assert": "^1.0.1",
-				"minimalistic-crypto-utils": "^1.0.1"
-			}
-		},
-		"node_modules/elliptic/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/emoji-regex": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-		},
-		"node_modules/encode-utf8": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
-			"integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
-		},
-		"node_modules/entities": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-			"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.12"
-			},
-			"funding": {
-				"url": "https://github.com/fb55/entities?sponsor=1"
-			}
-		},
-		"node_modules/es-abstract": {
-			"version": "1.22.3",
-			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-			"integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"array-buffer-byte-length": "^1.0.0",
-				"arraybuffer.prototype.slice": "^1.0.2",
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.5",
-				"es-set-tostringtag": "^2.0.1",
-				"es-to-primitive": "^1.2.1",
-				"function.prototype.name": "^1.1.6",
-				"get-intrinsic": "^1.2.2",
-				"get-symbol-description": "^1.0.0",
-				"globalthis": "^1.0.3",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0",
-				"has-proto": "^1.0.1",
-				"has-symbols": "^1.0.3",
-				"hasown": "^2.0.0",
-				"internal-slot": "^1.0.5",
-				"is-array-buffer": "^3.0.2",
-				"is-callable": "^1.2.7",
-				"is-negative-zero": "^2.0.2",
-				"is-regex": "^1.1.4",
-				"is-shared-array-buffer": "^1.0.2",
-				"is-string": "^1.0.7",
-				"is-typed-array": "^1.1.12",
-				"is-weakref": "^1.0.2",
-				"object-inspect": "^1.13.1",
-				"object-keys": "^1.1.1",
-				"object.assign": "^4.1.4",
-				"regexp.prototype.flags": "^1.5.1",
-				"safe-array-concat": "^1.0.1",
-				"safe-regex-test": "^1.0.0",
-				"string.prototype.trim": "^1.2.8",
-				"string.prototype.trimend": "^1.0.7",
-				"string.prototype.trimstart": "^1.0.7",
-				"typed-array-buffer": "^1.0.0",
-				"typed-array-byte-length": "^1.0.0",
-				"typed-array-byte-offset": "^1.0.0",
-				"typed-array-length": "^1.0.4",
-				"unbox-primitive": "^1.0.2",
-				"which-typed-array": "^1.1.13"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/es-get-iterator": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-			"integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.3",
-				"has-symbols": "^1.0.3",
-				"is-arguments": "^1.1.1",
-				"is-map": "^2.0.2",
-				"is-set": "^2.0.2",
-				"is-string": "^1.0.7",
-				"isarray": "^2.0.5",
-				"stop-iteration-iterator": "^1.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/es-set-tostringtag": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-			"integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"get-intrinsic": "^1.2.2",
-				"has-tostringtag": "^1.0.0",
-				"hasown": "^2.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/es-shim-unscopables": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-			"integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"hasown": "^2.0.0"
-			}
-		},
-		"node_modules/es-to-primitive": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-			"integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"is-callable": "^1.1.4",
-				"is-date-object": "^1.0.1",
-				"is-symbol": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/es6-promise": {
-			"version": "3.3.1",
-			"resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
-			"integrity": "sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==",
-			"dev": true
-		},
-		"node_modules/esbuild": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-			"integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-			"dev": true,
-			"hasInstallScript": true,
-			"bin": {
-				"esbuild": "bin/esbuild"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"optionalDependencies": {
-				"@esbuild/android-arm": "0.18.20",
-				"@esbuild/android-arm64": "0.18.20",
-				"@esbuild/android-x64": "0.18.20",
-				"@esbuild/darwin-arm64": "0.18.20",
-				"@esbuild/darwin-x64": "0.18.20",
-				"@esbuild/freebsd-arm64": "0.18.20",
-				"@esbuild/freebsd-x64": "0.18.20",
-				"@esbuild/linux-arm": "0.18.20",
-				"@esbuild/linux-arm64": "0.18.20",
-				"@esbuild/linux-ia32": "0.18.20",
-				"@esbuild/linux-loong64": "0.18.20",
-				"@esbuild/linux-mips64el": "0.18.20",
-				"@esbuild/linux-ppc64": "0.18.20",
-				"@esbuild/linux-riscv64": "0.18.20",
-				"@esbuild/linux-s390x": "0.18.20",
-				"@esbuild/linux-x64": "0.18.20",
-				"@esbuild/netbsd-x64": "0.18.20",
-				"@esbuild/openbsd-x64": "0.18.20",
-				"@esbuild/sunos-x64": "0.18.20",
-				"@esbuild/win32-arm64": "0.18.20",
-				"@esbuild/win32-ia32": "0.18.20",
-				"@esbuild/win32-x64": "0.18.20"
-			}
-		},
-		"node_modules/escalade": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-			"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/escape-string-regexp": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/eslint": {
-			"version": "8.54.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.54.0.tgz",
-			"integrity": "sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==",
-			"dev": true,
-			"dependencies": {
-				"@eslint-community/eslint-utils": "^4.2.0",
-				"@eslint-community/regexpp": "^4.6.1",
-				"@eslint/eslintrc": "^2.1.3",
-				"@eslint/js": "8.54.0",
-				"@humanwhocodes/config-array": "^0.11.13",
-				"@humanwhocodes/module-importer": "^1.0.1",
-				"@nodelib/fs.walk": "^1.2.8",
-				"@ungap/structured-clone": "^1.2.0",
-				"ajv": "^6.12.4",
-				"chalk": "^4.0.0",
-				"cross-spawn": "^7.0.2",
-				"debug": "^4.3.2",
-				"doctrine": "^3.0.0",
-				"escape-string-regexp": "^4.0.0",
-				"eslint-scope": "^7.2.2",
-				"eslint-visitor-keys": "^3.4.3",
-				"espree": "^9.6.1",
-				"esquery": "^1.4.2",
-				"esutils": "^2.0.2",
-				"fast-deep-equal": "^3.1.3",
-				"file-entry-cache": "^6.0.1",
-				"find-up": "^5.0.0",
-				"glob-parent": "^6.0.2",
-				"globals": "^13.19.0",
-				"graphemer": "^1.4.0",
-				"ignore": "^5.2.0",
-				"imurmurhash": "^0.1.4",
-				"is-glob": "^4.0.0",
-				"is-path-inside": "^3.0.3",
-				"js-yaml": "^4.1.0",
-				"json-stable-stringify-without-jsonify": "^1.0.1",
-				"levn": "^0.4.1",
-				"lodash.merge": "^4.6.2",
-				"minimatch": "^3.1.2",
-				"natural-compare": "^1.4.0",
-				"optionator": "^0.9.3",
-				"strip-ansi": "^6.0.1",
-				"text-table": "^0.2.0"
-			},
-			"bin": {
-				"eslint": "bin/eslint.js"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/eslint"
-			}
-		},
-		"node_modules/eslint-compat-utils": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz",
-			"integrity": "sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"peerDependencies": {
-				"eslint": ">=6.0.0"
-			}
-		},
-		"node_modules/eslint-import-resolver-custom-alias": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-custom-alias/-/eslint-import-resolver-custom-alias-1.3.2.tgz",
-			"integrity": "sha512-wBPcZA2k6/IXaT8FsLMyiyVSG6WVEuaYIAbeKLXeGwr523BmeB9lKAAoLJWSqp3txsnU4gpkgD2x1q6K8k0uDQ==",
-			"dev": true,
-			"dependencies": {
-				"glob-parent": "^6.0.2",
-				"resolve": "^1.22.2"
-			},
-			"peerDependencies": {
-				"eslint-plugin-import": ">=2.2.0"
-			}
-		},
-		"node_modules/eslint-import-resolver-node": {
-			"version": "0.3.9",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-			"integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"debug": "^3.2.7",
-				"is-core-module": "^2.13.0",
-				"resolve": "^1.22.4"
-			}
-		},
-		"node_modules/eslint-import-resolver-node/node_modules/debug": {
-			"version": "3.2.7",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"ms": "^2.1.1"
-			}
-		},
-		"node_modules/eslint-module-utils": {
-			"version": "2.8.0",
-			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-			"integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"debug": "^3.2.7"
-			},
-			"engines": {
-				"node": ">=4"
-			},
-			"peerDependenciesMeta": {
-				"eslint": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/eslint-module-utils/node_modules/debug": {
-			"version": "3.2.7",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"ms": "^2.1.1"
-			}
-		},
-		"node_modules/eslint-plugin-import": {
-			"version": "2.29.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-			"integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"array-includes": "^3.1.7",
-				"array.prototype.findlastindex": "^1.2.3",
-				"array.prototype.flat": "^1.3.2",
-				"array.prototype.flatmap": "^1.3.2",
-				"debug": "^3.2.7",
-				"doctrine": "^2.1.0",
-				"eslint-import-resolver-node": "^0.3.9",
-				"eslint-module-utils": "^2.8.0",
-				"hasown": "^2.0.0",
-				"is-core-module": "^2.13.1",
-				"is-glob": "^4.0.3",
-				"minimatch": "^3.1.2",
-				"object.fromentries": "^2.0.7",
-				"object.groupby": "^1.0.1",
-				"object.values": "^1.1.7",
-				"semver": "^6.3.1",
-				"tsconfig-paths": "^3.14.2"
-			},
-			"engines": {
-				"node": ">=4"
-			},
-			"peerDependencies": {
-				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-			}
-		},
-		"node_modules/eslint-plugin-import/node_modules/debug": {
-			"version": "3.2.7",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"ms": "^2.1.1"
-			}
-		},
-		"node_modules/eslint-plugin-import/node_modules/doctrine": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-			"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"esutils": "^2.0.2"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/eslint-plugin-svelte": {
-			"version": "2.35.1",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.1.tgz",
-			"integrity": "sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==",
-			"dev": true,
-			"dependencies": {
-				"@eslint-community/eslint-utils": "^4.2.0",
-				"@jridgewell/sourcemap-codec": "^1.4.14",
-				"debug": "^4.3.1",
-				"eslint-compat-utils": "^0.1.2",
-				"esutils": "^2.0.3",
-				"known-css-properties": "^0.29.0",
-				"postcss": "^8.4.5",
-				"postcss-load-config": "^3.1.4",
-				"postcss-safe-parser": "^6.0.0",
-				"postcss-selector-parser": "^6.0.11",
-				"semver": "^7.5.3",
-				"svelte-eslint-parser": ">=0.33.0 <1.0.0"
-			},
-			"engines": {
-				"node": "^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ota-meshi"
-			},
-			"peerDependencies": {
-				"eslint": "^7.0.0 || ^8.0.0-0",
-				"svelte": "^3.37.0 || ^4.0.0"
-			},
-			"peerDependenciesMeta": {
-				"svelte": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/eslint-plugin-svelte/node_modules/semver": {
-			"version": "7.5.4",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-			"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-			"dev": true,
-			"dependencies": {
-				"lru-cache": "^6.0.0"
-			},
-			"bin": {
-				"semver": "bin/semver.js"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/eslint-scope": {
-			"version": "7.2.2",
-			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-			"integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-			"dev": true,
-			"dependencies": {
-				"esrecurse": "^4.3.0",
-				"estraverse": "^5.2.0"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/eslint"
-			}
-		},
-		"node_modules/eslint-visitor-keys": {
-			"version": "3.4.3",
-			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-			"dev": true,
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/eslint"
-			}
-		},
-		"node_modules/eslint/node_modules/chalk": {
-			"version": "4.1.2",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-			"dev": true,
-			"dependencies": {
-				"ansi-styles": "^4.1.0",
-				"supports-color": "^7.1.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/chalk?sponsor=1"
-			}
-		},
-		"node_modules/esm-env": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-			"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
-			"dev": true
-		},
-		"node_modules/espree": {
-			"version": "9.6.1",
-			"resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-			"integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-			"dev": true,
-			"dependencies": {
-				"acorn": "^8.9.0",
-				"acorn-jsx": "^5.3.2",
-				"eslint-visitor-keys": "^3.4.1"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/eslint"
-			}
-		},
-		"node_modules/esquery": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-			"integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-			"dev": true,
-			"dependencies": {
-				"estraverse": "^5.1.0"
-			},
-			"engines": {
-				"node": ">=0.10"
-			}
-		},
-		"node_modules/esrecurse": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-			"dev": true,
-			"dependencies": {
-				"estraverse": "^5.2.0"
-			},
-			"engines": {
-				"node": ">=4.0"
-			}
-		},
-		"node_modules/estraverse": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-			"dev": true,
-			"engines": {
-				"node": ">=4.0"
-			}
-		},
-		"node_modules/estree-walker": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-			"dependencies": {
-				"@types/estree": "^1.0.0"
-			}
-		},
-		"node_modules/esutils": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/events": {
-			"version": "3.3.0",
-			"resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-			"integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.8.x"
-			}
-		},
-		"node_modules/evp_bytestokey": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-			"integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-			"dev": true,
-			"dependencies": {
-				"md5.js": "^1.3.4",
-				"safe-buffer": "^5.1.1"
-			}
-		},
-		"node_modules/fake-indexeddb": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-5.0.1.tgz",
-			"integrity": "sha512-vxybH29Owtc6khV/Usy47B1g+eKwyhFiX8nwpCC4td320jvwrKQDH6vNtcJZgUzVxmfsSIlHzLKQzT76JMCO7A==",
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/fast-deep-equal": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-			"dev": true
-		},
-		"node_modules/fast-glob": {
-			"version": "3.3.2",
-			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-			"integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-			"dev": true,
-			"dependencies": {
-				"@nodelib/fs.stat": "^2.0.2",
-				"@nodelib/fs.walk": "^1.2.3",
-				"glob-parent": "^5.1.2",
-				"merge2": "^1.3.0",
-				"micromatch": "^4.0.4"
-			},
-			"engines": {
-				"node": ">=8.6.0"
-			}
-		},
-		"node_modules/fast-glob/node_modules/glob-parent": {
-			"version": "5.1.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
-			"dependencies": {
-				"is-glob": "^4.0.1"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/fast-json-stable-stringify": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-			"dev": true
-		},
-		"node_modules/fast-levenshtein": {
-			"version": "2.0.6",
-			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-			"dev": true
-		},
-		"node_modules/fastq": {
-			"version": "1.15.0",
-			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-			"integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-			"dev": true,
-			"dependencies": {
-				"reusify": "^1.0.4"
-			}
-		},
-		"node_modules/fetch-blob": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
-			"integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/jimmywarting"
-				},
-				{
-					"type": "paypal",
-					"url": "https://paypal.me/jimmywarting"
-				}
-			],
-			"peer": true,
-			"dependencies": {
-				"node-domexception": "^1.0.0",
-				"web-streams-polyfill": "^3.0.3"
-			},
-			"engines": {
-				"node": "^12.20 || >= 14.13"
-			}
-		},
-		"node_modules/file-entry-cache": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-			"integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-			"dev": true,
-			"dependencies": {
-				"flat-cache": "^3.0.4"
-			},
-			"engines": {
-				"node": "^10.12.0 || >=12.0.0"
-			}
-		},
-		"node_modules/fill-range": {
-			"version": "7.0.1",
-			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
-			"dependencies": {
-				"to-regex-range": "^5.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/find-up": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-			"dev": true,
-			"dependencies": {
-				"locate-path": "^6.0.0",
-				"path-exists": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/flat-cache": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-			"integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-			"dev": true,
-			"dependencies": {
-				"flatted": "^3.2.9",
-				"keyv": "^4.5.3",
-				"rimraf": "^3.0.2"
-			},
-			"engines": {
-				"node": "^10.12.0 || >=12.0.0"
-			}
-		},
-		"node_modules/flatted": {
-			"version": "3.2.9",
-			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-			"integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-			"dev": true
-		},
-		"node_modules/for-each": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-			"integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-			"dev": true,
-			"dependencies": {
-				"is-callable": "^1.1.3"
-			}
-		},
-		"node_modules/form-data": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-			"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-			"dev": true,
-			"dependencies": {
-				"asynckit": "^0.4.0",
-				"combined-stream": "^1.0.8",
-				"mime-types": "^2.1.12"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/formdata-polyfill": {
-			"version": "4.0.10",
-			"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
-			"integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"fetch-blob": "^3.1.2"
-			},
-			"engines": {
-				"node": ">=12.20.0"
-			}
-		},
-		"node_modules/fraction.js": {
-			"version": "4.3.7",
-			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-			"integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			},
-			"funding": {
-				"type": "patreon",
-				"url": "https://github.com/sponsors/rawify"
-			}
-		},
-		"node_modules/fs.realpath": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-			"dev": true
-		},
-		"node_modules/fsevents": {
-			"version": "2.3.3",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-			"dev": true,
-			"hasInstallScript": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-			}
-		},
-		"node_modules/function-bind": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/function.prototype.name": {
-			"version": "1.1.6",
-			"resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-			"integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"functions-have-names": "^1.2.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/functions-have-names": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-			"integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-caller-file": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-			"engines": {
-				"node": "6.* || 8.* || >= 10.*"
-			}
-		},
-		"node_modules/get-func-name": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
-			"integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/get-intrinsic": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-			"integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-			"dev": true,
-			"dependencies": {
-				"function-bind": "^1.1.2",
-				"has-proto": "^1.0.1",
-				"has-symbols": "^1.0.3",
-				"hasown": "^2.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-symbol-description": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-			"integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/glob": {
-			"version": "7.2.3",
-			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-			"integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-			"dev": true,
-			"dependencies": {
-				"fs.realpath": "^1.0.0",
-				"inflight": "^1.0.4",
-				"inherits": "2",
-				"minimatch": "^3.1.1",
-				"once": "^1.3.0",
-				"path-is-absolute": "^1.0.0"
-			},
-			"engines": {
-				"node": "*"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/glob-parent": {
-			"version": "6.0.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-			"dev": true,
-			"dependencies": {
-				"is-glob": "^4.0.3"
-			},
-			"engines": {
-				"node": ">=10.13.0"
-			}
-		},
-		"node_modules/globals": {
-			"version": "13.23.0",
-			"resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-			"integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
-			"dev": true,
-			"dependencies": {
-				"type-fest": "^0.20.2"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/globalthis": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-			"integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"define-properties": "^1.1.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/globalyzer": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
-			"integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
-			"dev": true
-		},
-		"node_modules/globrex": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-			"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
-			"dev": true
-		},
-		"node_modules/gopd": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-			"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-			"dev": true,
-			"dependencies": {
-				"get-intrinsic": "^1.1.3"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/graceful-fs": {
-			"version": "4.2.11",
-			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-			"dev": true
-		},
-		"node_modules/graphemer": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-			"dev": true
-		},
-		"node_modules/has-bigints": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-			"integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-flag": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/has-property-descriptors": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-			"integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
-			"dev": true,
-			"dependencies": {
-				"get-intrinsic": "^1.2.2"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-			"integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-symbols": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-tostringtag": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-			"integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-			"dev": true,
-			"dependencies": {
-				"has-symbols": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/hash-base": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-			"integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.4",
-				"readable-stream": "^3.6.0",
-				"safe-buffer": "^5.2.0"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/hash.js": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
-			"integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.3",
-				"minimalistic-assert": "^1.0.1"
-			}
-		},
-		"node_modules/hasown": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-			"integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-			"dev": true,
-			"dependencies": {
-				"function-bind": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/hmac-drbg": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
-			"integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
-			"dev": true,
-			"dependencies": {
-				"hash.js": "^1.0.3",
-				"minimalistic-assert": "^1.0.0",
-				"minimalistic-crypto-utils": "^1.0.1"
-			}
-		},
-		"node_modules/html-encoding-sniffer": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-			"integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
-			"dev": true,
-			"dependencies": {
-				"whatwg-encoding": "^3.1.1"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/html-escaper": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-			"integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-			"dev": true
-		},
-		"node_modules/http-proxy-agent": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.0.tgz",
-			"integrity": "sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==",
-			"dev": true,
-			"dependencies": {
-				"agent-base": "^7.1.0",
-				"debug": "^4.3.4"
-			},
-			"engines": {
-				"node": ">= 14"
-			}
-		},
-		"node_modules/https-browserify": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-			"integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
-			"dev": true
-		},
-		"node_modules/https-proxy-agent": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
-			"integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
-			"dev": true,
-			"dependencies": {
-				"agent-base": "^7.0.2",
-				"debug": "4"
-			},
-			"engines": {
-				"node": ">= 14"
-			}
-		},
-		"node_modules/iconv-lite": {
-			"version": "0.6.3",
-			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-			"dev": true,
-			"dependencies": {
-				"safer-buffer": ">= 2.1.2 < 3.0.0"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/ieee754": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			]
-		},
-		"node_modules/ignore": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-			"integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 4"
-			}
-		},
-		"node_modules/import-fresh": {
-			"version": "3.3.0",
-			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-			"integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-			"dev": true,
-			"dependencies": {
-				"parent-module": "^1.0.0",
-				"resolve-from": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/imurmurhash": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.8.19"
-			}
-		},
-		"node_modules/indent-string": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-			"integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/inflight": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-			"integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-			"dev": true,
-			"dependencies": {
-				"once": "^1.3.0",
-				"wrappy": "1"
-			}
-		},
-		"node_modules/inherits": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
-		},
-		"node_modules/internal-slot": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-			"integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
-			"dev": true,
-			"dependencies": {
-				"get-intrinsic": "^1.2.2",
-				"hasown": "^2.0.0",
-				"side-channel": "^1.0.4"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/is-arguments": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-			"integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-array-buffer": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-			"integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.0",
-				"is-typed-array": "^1.1.10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-bigint": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-			"dev": true,
-			"dependencies": {
-				"has-bigints": "^1.0.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-binary-path": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
-			"dependencies": {
-				"binary-extensions": "^2.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/is-boolean-object": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-callable": {
-			"version": "1.2.7",
-			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-			"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-core-module": {
-			"version": "2.13.1",
-			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-			"integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-			"dev": true,
-			"dependencies": {
-				"hasown": "^2.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-date-object": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-			"dev": true,
-			"dependencies": {
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-extglob": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/is-fullwidth-code-point": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/is-generator-function": {
-			"version": "1.0.10",
-			"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-			"integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-			"dev": true,
-			"dependencies": {
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-glob": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
-			"dependencies": {
-				"is-extglob": "^2.1.1"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/is-map": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-			"integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-nan": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
-			"integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.0",
-				"define-properties": "^1.1.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-negative-zero": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-			"integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-			"dev": true,
-			"peer": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-number": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.12.0"
-			}
-		},
-		"node_modules/is-number-object": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-			"integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-			"dev": true,
-			"dependencies": {
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-path-inside": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-			"integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/is-potential-custom-element-name": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-			"integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-			"dev": true
-		},
-		"node_modules/is-reference": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
-			"integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
-			"dependencies": {
-				"@types/estree": "*"
-			}
-		},
-		"node_modules/is-regex": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-set": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-			"integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-shared-array-buffer": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-			"integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-string": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-			"dev": true,
-			"dependencies": {
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-symbol": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-			"integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-			"dev": true,
-			"dependencies": {
-				"has-symbols": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-typed-array": {
-			"version": "1.1.12",
-			"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-			"integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-			"dev": true,
-			"dependencies": {
-				"which-typed-array": "^1.1.11"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-weakmap": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-			"integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-weakref": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-			"integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/is-weakset": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-			"integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/isarray": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-			"integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-			"dev": true
-		},
-		"node_modules/isexe": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-			"dev": true
-		},
-		"node_modules/isomorphic-timers-promises": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz",
-			"integrity": "sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/istanbul-lib-coverage": {
-			"version": "3.2.2",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-			"integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/istanbul-lib-report": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-			"integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-			"dev": true,
-			"dependencies": {
-				"istanbul-lib-coverage": "^3.0.0",
-				"make-dir": "^4.0.0",
-				"supports-color": "^7.1.0"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/istanbul-lib-source-maps": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-			"integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-			"dev": true,
-			"dependencies": {
-				"debug": "^4.1.1",
-				"istanbul-lib-coverage": "^3.0.0",
-				"source-map": "^0.6.1"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/istanbul-reports": {
-			"version": "3.1.6",
-			"resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz",
-			"integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==",
-			"dev": true,
-			"dependencies": {
-				"html-escaper": "^2.0.0",
-				"istanbul-lib-report": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/js-tokens": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-			"dev": true
-		},
-		"node_modules/js-yaml": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-			"dev": true,
-			"dependencies": {
-				"argparse": "^2.0.1"
-			},
-			"bin": {
-				"js-yaml": "bin/js-yaml.js"
-			}
-		},
-		"node_modules/jsdom": {
-			"version": "23.0.0",
-			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-23.0.0.tgz",
-			"integrity": "sha512-cbL/UCtohJguhFC7c2/hgW6BeZCNvP7URQGnx9tSJRYKCdnfbfWOrtuLTMfiB2VxKsx5wPHVsh/J0aBy9lIIhQ==",
-			"dev": true,
-			"dependencies": {
-				"cssstyle": "^3.0.0",
-				"data-urls": "^5.0.0",
-				"decimal.js": "^10.4.3",
-				"form-data": "^4.0.0",
-				"html-encoding-sniffer": "^4.0.0",
-				"http-proxy-agent": "^7.0.0",
-				"https-proxy-agent": "^7.0.2",
-				"is-potential-custom-element-name": "^1.0.1",
-				"nwsapi": "^2.2.7",
-				"parse5": "^7.1.2",
-				"rrweb-cssom": "^0.6.0",
-				"saxes": "^6.0.0",
-				"symbol-tree": "^3.2.4",
-				"tough-cookie": "^4.1.3",
-				"w3c-xmlserializer": "^5.0.0",
-				"webidl-conversions": "^7.0.0",
-				"whatwg-encoding": "^3.1.1",
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^14.0.0",
-				"ws": "^8.14.2",
-				"xml-name-validator": "^5.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"peerDependencies": {
-				"canvas": "^3.0.0"
-			},
-			"peerDependenciesMeta": {
-				"canvas": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/jsdom-worker": {
-			"version": "0.3.0",
-			"resolved": "https://registry.npmjs.org/jsdom-worker/-/jsdom-worker-0.3.0.tgz",
-			"integrity": "sha512-nlPmN0i93+e6vxzov8xqLMR+MBs/TAYeSviehivzqovHH0AgooVx9pQ/otrygASppPvdR+V9Jqx5SMe8+FcADg==",
-			"dev": true,
-			"dependencies": {
-				"mitt": "^3.0.0",
-				"uuid-v4": "^0.1.0"
-			},
-			"peerDependencies": {
-				"node-fetch": "*"
-			}
-		},
-		"node_modules/json-buffer": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-			"dev": true
-		},
-		"node_modules/json-schema-traverse": {
-			"version": "0.4.1",
-			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-			"dev": true
-		},
-		"node_modules/json-stable-stringify-without-jsonify": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-			"dev": true
-		},
-		"node_modules/json5": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-			"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"minimist": "^1.2.0"
-			},
-			"bin": {
-				"json5": "lib/cli.js"
-			}
-		},
-		"node_modules/jsonc-parser": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-			"integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-			"dev": true
-		},
-		"node_modules/keyv": {
-			"version": "4.5.4",
-			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-			"dev": true,
-			"dependencies": {
-				"json-buffer": "3.0.1"
-			}
-		},
-		"node_modules/kleur": {
-			"version": "4.1.5",
-			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/known-css-properties": {
-			"version": "0.29.0",
-			"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz",
-			"integrity": "sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==",
-			"dev": true
-		},
-		"node_modules/lamb": {
-			"version": "0.61.1",
-			"resolved": "https://registry.npmjs.org/lamb/-/lamb-0.61.1.tgz",
-			"integrity": "sha512-KnJe/9ezIxQjeK5idtlffn9PlA2y4BNW0FslBZK20+EuMmvePfNL4qO2ZGdP187Vd3yWgrEnrBsfMal/Ggzowg==",
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
-		"node_modules/levn": {
-			"version": "0.4.1",
-			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-			"dev": true,
-			"dependencies": {
-				"prelude-ls": "^1.2.1",
-				"type-check": "~0.4.0"
-			},
-			"engines": {
-				"node": ">= 0.8.0"
-			}
-		},
-		"node_modules/lilconfig": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-			"integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/local-pkg": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
-			"integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
-			"dev": true,
-			"engines": {
-				"node": ">=14"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/antfu"
-			}
-		},
-		"node_modules/locate-character": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
-			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
-		},
-		"node_modules/locate-path": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-			"dev": true,
-			"dependencies": {
-				"p-locate": "^5.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/lodash": {
-			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-			"dev": true
-		},
-		"node_modules/lodash.merge": {
-			"version": "4.6.2",
-			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-			"dev": true
-		},
-		"node_modules/loupe": {
-			"version": "2.3.7",
-			"resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.7.tgz",
-			"integrity": "sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==",
-			"dev": true,
-			"dependencies": {
-				"get-func-name": "^2.0.1"
-			}
-		},
-		"node_modules/lru-cache": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-			"dev": true,
-			"dependencies": {
-				"yallist": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/lz-string": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-			"integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-			"dev": true,
-			"bin": {
-				"lz-string": "bin/bin.js"
-			}
-		},
-		"node_modules/magic-string": {
-			"version": "0.30.5",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
-			"integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/make-dir": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-			"integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-			"dev": true,
-			"dependencies": {
-				"semver": "^7.5.3"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/make-dir/node_modules/semver": {
-			"version": "7.5.4",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-			"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-			"dev": true,
-			"dependencies": {
-				"lru-cache": "^6.0.0"
-			},
-			"bin": {
-				"semver": "bin/semver.js"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/md5.js": {
-			"version": "1.3.5",
-			"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-			"integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-			"dev": true,
-			"dependencies": {
-				"hash-base": "^3.0.0",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			}
-		},
-		"node_modules/mdn-data": {
-			"version": "2.0.30",
-			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
-		},
-		"node_modules/merge2": {
-			"version": "1.4.1",
-			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/micromatch": {
-			"version": "4.0.5",
-			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-			"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
-			"dependencies": {
-				"braces": "^3.0.2",
-				"picomatch": "^2.3.1"
-			},
-			"engines": {
-				"node": ">=8.6"
-			}
-		},
-		"node_modules/miller-rabin": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
-			"integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.0.0",
-				"brorand": "^1.0.1"
-			},
-			"bin": {
-				"miller-rabin": "bin/miller-rabin"
-			}
-		},
-		"node_modules/miller-rabin/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/mime-db": {
-			"version": "1.52.0",
-			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/mime-types": {
-			"version": "2.1.35",
-			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-			"dev": true,
-			"dependencies": {
-				"mime-db": "1.52.0"
-			},
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/min-indent": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-			"integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/minimalistic-assert": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-			"dev": true
-		},
-		"node_modules/minimalistic-crypto-utils": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
-			"dev": true
-		},
-		"node_modules/minimatch": {
-			"version": "3.1.2",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-			"dev": true,
-			"dependencies": {
-				"brace-expansion": "^1.1.7"
-			},
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/minimist": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/mitt": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-			"integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-			"dev": true
-		},
-		"node_modules/mkdirp": {
-			"version": "0.5.6",
-			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-			"integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-			"dev": true,
-			"dependencies": {
-				"minimist": "^1.2.6"
-			},
-			"bin": {
-				"mkdirp": "bin/cmd.js"
-			}
-		},
-		"node_modules/mlly": {
-			"version": "1.4.2",
-			"resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.2.tgz",
-			"integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
-			"dev": true,
-			"dependencies": {
-				"acorn": "^8.10.0",
-				"pathe": "^1.1.1",
-				"pkg-types": "^1.0.3",
-				"ufo": "^1.3.0"
-			}
-		},
-		"node_modules/modern-node-polyfills": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/modern-node-polyfills/-/modern-node-polyfills-1.0.0.tgz",
-			"integrity": "sha512-w1yb6ae5qSUJJ2u41krkUAxs+L7i9143Qam8EuXwDMeZHxl1JN8RfTSXG4S2bt0RHIRMeoWm/HCeO0pNIHmIYQ==",
-			"dev": true,
-			"dependencies": {
-				"@jspm/core": "^2.0.1",
-				"@rollup/pluginutils": "^5.0.2",
-				"local-pkg": "^0.4.3"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"peerDependencies": {
-				"esbuild": "^0.14.0 || ^0.15.0 || ^0.16.0 || ^0.17.0 || ^0.18.0"
-			}
-		},
-		"node_modules/mri": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
-			"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/mrmime": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
-			"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/ms": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-			"dev": true
-		},
-		"node_modules/nanoid": {
-			"version": "3.3.7",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-			"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"bin": {
-				"nanoid": "bin/nanoid.cjs"
-			},
-			"engines": {
-				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-			}
-		},
-		"node_modules/natural-compare": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-			"dev": true
-		},
-		"node_modules/node-domexception": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
-			"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/jimmywarting"
-				},
-				{
-					"type": "github",
-					"url": "https://paypal.me/jimmywarting"
-				}
-			],
-			"peer": true,
-			"engines": {
-				"node": ">=10.5.0"
-			}
-		},
-		"node_modules/node-fetch": {
-			"version": "3.3.2",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
-			"integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"data-uri-to-buffer": "^4.0.0",
-				"fetch-blob": "^3.1.4",
-				"formdata-polyfill": "^4.0.10"
-			},
-			"engines": {
-				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/node-fetch"
-			}
-		},
-		"node_modules/node-releases": {
-			"version": "2.0.13",
-			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-			"integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
-			"dev": true
-		},
-		"node_modules/node-stdlib-browser": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/node-stdlib-browser/-/node-stdlib-browser-1.2.0.tgz",
-			"integrity": "sha512-VSjFxUhRhkyed8AtLwSCkMrJRfQ3e2lGtG3sP6FEgaLKBBbxM/dLfjRe1+iLhjvyLFW3tBQ8+c0pcOtXGbAZJg==",
-			"dev": true,
-			"dependencies": {
-				"assert": "^2.0.0",
-				"browser-resolve": "^2.0.0",
-				"browserify-zlib": "^0.2.0",
-				"buffer": "^5.7.1",
-				"console-browserify": "^1.1.0",
-				"constants-browserify": "^1.0.0",
-				"create-require": "^1.1.1",
-				"crypto-browserify": "^3.11.0",
-				"domain-browser": "^4.22.0",
-				"events": "^3.0.0",
-				"https-browserify": "^1.0.0",
-				"isomorphic-timers-promises": "^1.0.1",
-				"os-browserify": "^0.3.0",
-				"path-browserify": "^1.0.1",
-				"pkg-dir": "^5.0.0",
-				"process": "^0.11.10",
-				"punycode": "^1.4.1",
-				"querystring-es3": "^0.2.1",
-				"readable-stream": "^3.6.0",
-				"stream-browserify": "^3.0.0",
-				"stream-http": "^3.2.0",
-				"string_decoder": "^1.0.0",
-				"timers-browserify": "^2.0.4",
-				"tty-browserify": "0.0.1",
-				"url": "^0.11.0",
-				"util": "^0.12.4",
-				"vm-browserify": "^1.0.1"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/node-stdlib-browser/node_modules/punycode": {
-			"version": "1.4.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-			"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-			"dev": true
-		},
-		"node_modules/normalize-path": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/normalize-range": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-			"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/nwsapi": {
-			"version": "2.2.7",
-			"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
-			"integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
-			"dev": true
-		},
-		"node_modules/object-inspect": {
-			"version": "1.13.1",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-			"integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-			"dev": true,
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/object-is": {
-			"version": "1.1.5",
-			"resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-			"integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.1.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/object-keys": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/object.assign": {
-			"version": "4.1.4",
-			"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-			"integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.1.4",
-				"has-symbols": "^1.0.3",
-				"object-keys": "^1.1.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/object.fromentries": {
-			"version": "2.0.7",
-			"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-			"integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/object.groupby": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-			"integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1"
-			}
-		},
-		"node_modules/object.values": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-			"integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/once": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-			"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-			"dev": true,
-			"dependencies": {
-				"wrappy": "1"
-			}
-		},
-		"node_modules/optionator": {
-			"version": "0.9.3",
-			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-			"integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-			"dev": true,
-			"dependencies": {
-				"@aashutoshrathi/word-wrap": "^1.2.3",
-				"deep-is": "^0.1.3",
-				"fast-levenshtein": "^2.0.6",
-				"levn": "^0.4.1",
-				"prelude-ls": "^1.2.1",
-				"type-check": "^0.4.0"
-			},
-			"engines": {
-				"node": ">= 0.8.0"
-			}
-		},
-		"node_modules/os-browserify": {
-			"version": "0.3.0",
-			"resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
-			"integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
-			"dev": true
-		},
-		"node_modules/p-limit": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-			"dev": true,
-			"dependencies": {
-				"yocto-queue": "^0.1.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/p-locate": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-			"dev": true,
-			"dependencies": {
-				"p-limit": "^3.0.2"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/p-try": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-			"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/pako": {
-			"version": "1.0.11",
-			"resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-			"integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-			"dev": true
-		},
-		"node_modules/parent-module": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-			"dev": true,
-			"dependencies": {
-				"callsites": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/parse-asn1": {
-			"version": "5.1.6",
-			"resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
-			"integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-			"dev": true,
-			"dependencies": {
-				"asn1.js": "^5.2.0",
-				"browserify-aes": "^1.0.0",
-				"evp_bytestokey": "^1.0.0",
-				"pbkdf2": "^3.0.3",
-				"safe-buffer": "^5.1.1"
-			}
-		},
-		"node_modules/parse5": {
-			"version": "7.1.2",
-			"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-			"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-			"dev": true,
-			"dependencies": {
-				"entities": "^4.4.0"
-			},
-			"funding": {
-				"url": "https://github.com/inikulin/parse5?sponsor=1"
-			}
-		},
-		"node_modules/path-browserify": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-			"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-			"dev": true
-		},
-		"node_modules/path-exists": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/path-is-absolute": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-			"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/path-key": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/path-parse": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-			"dev": true
-		},
-		"node_modules/pathe": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
-			"integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
-			"dev": true
-		},
-		"node_modules/pathval": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
-			"integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/pbkdf2": {
-			"version": "3.1.2",
-			"resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
-			"integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-			"dev": true,
-			"dependencies": {
-				"create-hash": "^1.1.2",
-				"create-hmac": "^1.1.4",
-				"ripemd160": "^2.0.1",
-				"safe-buffer": "^5.0.1",
-				"sha.js": "^2.4.8"
-			},
-			"engines": {
-				"node": ">=0.12"
-			}
-		},
-		"node_modules/periscopic": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
-			"integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
-			"dependencies": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^3.0.0",
-				"is-reference": "^3.0.0"
-			}
-		},
-		"node_modules/picocolors": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-			"dev": true
-		},
-		"node_modules/picomatch": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-			"dev": true,
-			"engines": {
-				"node": ">=8.6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/jonschlinkert"
-			}
-		},
-		"node_modules/pkg-dir": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
-			"integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
-			"dev": true,
-			"dependencies": {
-				"find-up": "^5.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/pkg-types": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
-			"integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
-			"dev": true,
-			"dependencies": {
-				"jsonc-parser": "^3.2.0",
-				"mlly": "^1.2.0",
-				"pathe": "^1.1.0"
-			}
-		},
-		"node_modules/pngjs": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
-			"integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
-			"engines": {
-				"node": ">=10.13.0"
-			}
-		},
-		"node_modules/postcss": {
-			"version": "8.4.31",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-			"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/postcss/"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/postcss"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"dependencies": {
-				"nanoid": "^3.3.6",
-				"picocolors": "^1.0.0",
-				"source-map-js": "^1.0.2"
-			},
-			"engines": {
-				"node": "^10 || ^12 || >=14"
-			}
-		},
-		"node_modules/postcss-load-config": {
-			"version": "3.1.4",
-			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
-			"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-			"dev": true,
-			"dependencies": {
-				"lilconfig": "^2.0.5",
-				"yaml": "^1.10.2"
-			},
-			"engines": {
-				"node": ">= 10"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/postcss/"
-			},
-			"peerDependencies": {
-				"postcss": ">=8.0.9",
-				"ts-node": ">=9.0.0"
-			},
-			"peerDependenciesMeta": {
-				"postcss": {
-					"optional": true
-				},
-				"ts-node": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/postcss-nested": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-			"integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-			"dev": true,
-			"dependencies": {
-				"postcss-selector-parser": "^6.0.11"
-			},
-			"engines": {
-				"node": ">=12.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/postcss/"
-			},
-			"peerDependencies": {
-				"postcss": "^8.2.14"
-			}
-		},
-		"node_modules/postcss-safe-parser": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-			"integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=12.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/postcss/"
-			},
-			"peerDependencies": {
-				"postcss": "^8.3.3"
-			}
-		},
-		"node_modules/postcss-scss": {
-			"version": "4.0.9",
-			"resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
-			"integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/postcss/"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/postcss-scss"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"engines": {
-				"node": ">=12.0"
-			},
-			"peerDependencies": {
-				"postcss": "^8.4.29"
-			}
-		},
-		"node_modules/postcss-selector-parser": {
-			"version": "6.0.13",
-			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
-			"integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-			"dev": true,
-			"dependencies": {
-				"cssesc": "^3.0.0",
-				"util-deprecate": "^1.0.2"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/postcss-value-parser": {
-			"version": "4.2.0",
-			"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-			"dev": true
-		},
-		"node_modules/prelude-ls": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.8.0"
-			}
-		},
-		"node_modules/pretty-format": {
-			"version": "27.5.1",
-			"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-			"integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-			"dev": true,
-			"dependencies": {
-				"ansi-regex": "^5.0.1",
-				"ansi-styles": "^5.0.0",
-				"react-is": "^17.0.1"
-			},
-			"engines": {
-				"node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-			}
-		},
-		"node_modules/pretty-format/node_modules/ansi-styles": {
-			"version": "5.2.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-			"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/process": {
-			"version": "0.11.10",
-			"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-			"integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.6.0"
-			}
-		},
-		"node_modules/psl": {
-			"version": "1.9.0",
-			"resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-			"integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-			"dev": true
-		},
-		"node_modules/public-encrypt": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
-			"integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-			"dev": true,
-			"dependencies": {
-				"bn.js": "^4.1.0",
-				"browserify-rsa": "^4.0.0",
-				"create-hash": "^1.1.0",
-				"parse-asn1": "^5.0.0",
-				"randombytes": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			}
-		},
-		"node_modules/public-encrypt/node_modules/bn.js": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true
-		},
-		"node_modules/punycode": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/qr-scanner": {
-			"version": "1.4.2",
-			"resolved": "https://registry.npmjs.org/qr-scanner/-/qr-scanner-1.4.2.tgz",
-			"integrity": "sha512-kV1yQUe2FENvn59tMZW6mOVfpq9mGxGf8l6+EGaXUOd4RBOLg7tRC83OrirM5AtDvZRpdjdlXURsHreAOSPOUw==",
-			"dependencies": {
-				"@types/offscreencanvas": "^2019.6.4"
-			}
-		},
-		"node_modules/qrcode": {
-			"version": "1.5.3",
-			"resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
-			"integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
-			"dependencies": {
-				"dijkstrajs": "^1.0.1",
-				"encode-utf8": "^1.0.3",
-				"pngjs": "^5.0.0",
-				"yargs": "^15.3.1"
-			},
-			"bin": {
-				"qrcode": "bin/qrcode"
-			},
-			"engines": {
-				"node": ">=10.13.0"
-			}
-		},
-		"node_modules/qs": {
-			"version": "6.11.2",
-			"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
-			"integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
-			"dev": true,
-			"dependencies": {
-				"side-channel": "^1.0.4"
-			},
-			"engines": {
-				"node": ">=0.6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/querystring-es3": {
-			"version": "0.2.1",
-			"resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
-			"integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.4.x"
-			}
-		},
-		"node_modules/querystringify": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-			"integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-			"dev": true
-		},
-		"node_modules/queue-microtask": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			]
-		},
-		"node_modules/randombytes": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-			"dev": true,
-			"dependencies": {
-				"safe-buffer": "^5.1.0"
-			}
-		},
-		"node_modules/randomfill": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
-			"integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-			"dev": true,
-			"dependencies": {
-				"randombytes": "^2.0.5",
-				"safe-buffer": "^5.1.0"
-			}
-		},
-		"node_modules/react-is": {
-			"version": "17.0.2",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-			"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-			"dev": true
-		},
-		"node_modules/readable-stream": {
-			"version": "3.6.2",
-			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-			"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.3",
-				"string_decoder": "^1.1.1",
-				"util-deprecate": "^1.0.1"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/readdirp": {
-			"version": "3.6.0",
-			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-			"dev": true,
-			"dependencies": {
-				"picomatch": "^2.2.1"
-			},
-			"engines": {
-				"node": ">=8.10.0"
-			}
-		},
-		"node_modules/redent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-			"integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-			"dev": true,
-			"dependencies": {
-				"indent-string": "^4.0.0",
-				"strip-indent": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/regenerator-runtime": {
-			"version": "0.14.0",
-			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-			"integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
-			"dev": true
-		},
-		"node_modules/regexp.prototype.flags": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-			"integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"set-function-name": "^2.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/require-directory": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/require-main-filename": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-			"integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
-		},
-		"node_modules/requires-port": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-			"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-			"dev": true
-		},
-		"node_modules/resolve": {
-			"version": "1.22.8",
-			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-			"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-			"dev": true,
-			"dependencies": {
-				"is-core-module": "^2.13.0",
-				"path-parse": "^1.0.7",
-				"supports-preserve-symlinks-flag": "^1.0.0"
-			},
-			"bin": {
-				"resolve": "bin/resolve"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/resolve-from": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/reusify": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true,
-			"engines": {
-				"iojs": ">=1.0.0",
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/rimraf": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-			"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-			"dev": true,
-			"dependencies": {
-				"glob": "^7.1.3"
-			},
-			"bin": {
-				"rimraf": "bin.js"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/ripemd160": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-			"integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-			"dev": true,
-			"dependencies": {
-				"hash-base": "^3.0.0",
-				"inherits": "^2.0.1"
-			}
-		},
-		"node_modules/rollup": {
-			"version": "3.29.4",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-			"integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
-			"dev": true,
-			"bin": {
-				"rollup": "dist/bin/rollup"
-			},
-			"engines": {
-				"node": ">=14.18.0",
-				"npm": ">=8.0.0"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.2"
-			}
-		},
-		"node_modules/rrweb-cssom": {
-			"version": "0.6.0",
-			"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
-			"integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
-			"dev": true
-		},
-		"node_modules/run-parallel": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			],
-			"dependencies": {
-				"queue-microtask": "^1.2.2"
-			}
-		},
-		"node_modules/sade": {
-			"version": "1.8.1",
-			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
-			"integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
-			"dev": true,
-			"dependencies": {
-				"mri": "^1.1.0"
-			},
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/safe-array-concat": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-			"integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.1",
-				"has-symbols": "^1.0.3",
-				"isarray": "^2.0.5"
-			},
-			"engines": {
-				"node": ">=0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/safe-buffer": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/feross"
-				},
-				{
-					"type": "patreon",
-					"url": "https://www.patreon.com/feross"
-				},
-				{
-					"type": "consulting",
-					"url": "https://feross.org/support"
-				}
-			]
-		},
-		"node_modules/safe-regex-test": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-			"integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.3",
-				"is-regex": "^1.1.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/safer-buffer": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-			"dev": true
-		},
-		"node_modules/sander": {
-			"version": "0.5.1",
-			"resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
-			"integrity": "sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==",
-			"dev": true,
-			"dependencies": {
-				"es6-promise": "^3.1.2",
-				"graceful-fs": "^4.1.3",
-				"mkdirp": "^0.5.1",
-				"rimraf": "^2.5.2"
-			}
-		},
-		"node_modules/sander/node_modules/rimraf": {
-			"version": "2.7.1",
-			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-			"integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-			"dev": true,
-			"dependencies": {
-				"glob": "^7.1.3"
-			},
-			"bin": {
-				"rimraf": "bin.js"
-			}
-		},
-		"node_modules/saxes": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-			"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-			"dev": true,
-			"dependencies": {
-				"xmlchars": "^2.2.0"
-			},
-			"engines": {
-				"node": ">=v12.22.7"
-			}
-		},
-		"node_modules/semver": {
-			"version": "6.3.1",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-			"dev": true,
-			"peer": true,
-			"bin": {
-				"semver": "bin/semver.js"
-			}
-		},
-		"node_modules/set-blocking": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-			"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
-		},
-		"node_modules/set-cookie-parser": {
-			"version": "2.6.0",
-			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
-			"integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
-			"dev": true
-		},
-		"node_modules/set-function-length": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-			"integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-			"dev": true,
-			"dependencies": {
-				"define-data-property": "^1.1.1",
-				"get-intrinsic": "^1.2.1",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/set-function-name": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-			"integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-			"dev": true,
-			"dependencies": {
-				"define-data-property": "^1.0.1",
-				"functions-have-names": "^1.2.3",
-				"has-property-descriptors": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/setimmediate": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-			"integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
-			"dev": true
-		},
-		"node_modules/sha.js": {
-			"version": "2.4.11",
-			"resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
-			"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			},
-			"bin": {
-				"sha.js": "bin.js"
-			}
-		},
-		"node_modules/shebang-command": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-			"dev": true,
-			"dependencies": {
-				"shebang-regex": "^3.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/shebang-regex": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/side-channel": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
-			"dependencies": {
-				"call-bind": "^1.0.0",
-				"get-intrinsic": "^1.0.2",
-				"object-inspect": "^1.9.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/siginfo": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-			"dev": true
-		},
-		"node_modules/sirv": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
-			"integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
-			"dev": true,
-			"dependencies": {
-				"@polka/url": "^1.0.0-next.20",
-				"mrmime": "^1.0.0",
-				"totalist": "^3.0.0"
-			},
-			"engines": {
-				"node": ">= 10"
-			}
-		},
-		"node_modules/sorcery": {
-			"version": "0.11.0",
-			"resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz",
-			"integrity": "sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.14",
-				"buffer-crc32": "^0.2.5",
-				"minimist": "^1.2.0",
-				"sander": "^0.5.0"
-			},
-			"bin": {
-				"sorcery": "bin/sorcery"
-			}
-		},
-		"node_modules/source-map": {
-			"version": "0.6.1",
-			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/source-map-js": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-			"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/stackback": {
-			"version": "0.0.2",
-			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-			"integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-			"dev": true
-		},
-		"node_modules/std-env": {
-			"version": "3.5.0",
-			"resolved": "https://registry.npmjs.org/std-env/-/std-env-3.5.0.tgz",
-			"integrity": "sha512-JGUEaALvL0Mf6JCfYnJOTcobY+Nc7sG/TemDRBqCA0wEr4DER7zDchaaixTlmOxAjG1uRJmX82EQcxwTQTkqVA==",
-			"dev": true
-		},
-		"node_modules/stop-iteration-iterator": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-			"integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-			"dev": true,
-			"dependencies": {
-				"internal-slot": "^1.0.4"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/stream-browserify": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
-			"integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "~2.0.4",
-				"readable-stream": "^3.5.0"
-			}
-		},
-		"node_modules/stream-http": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz",
-			"integrity": "sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==",
-			"dev": true,
-			"dependencies": {
-				"builtin-status-codes": "^3.0.0",
-				"inherits": "^2.0.4",
-				"readable-stream": "^3.6.0",
-				"xtend": "^4.0.2"
-			}
-		},
-		"node_modules/string_decoder": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-			"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-			"dev": true,
-			"dependencies": {
-				"safe-buffer": "~5.2.0"
-			}
-		},
-		"node_modules/string-width": {
-			"version": "4.2.3",
-			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-			"dependencies": {
-				"emoji-regex": "^8.0.0",
-				"is-fullwidth-code-point": "^3.0.0",
-				"strip-ansi": "^6.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/string.prototype.trim": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-			"integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/string.prototype.trimend": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-			"integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/string.prototype.trimstart": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-			"integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/strip-ansi": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"dependencies": {
-				"ansi-regex": "^5.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/strip-bom": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-			"integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-			"dev": true,
-			"peer": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/strip-indent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-			"integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-			"dev": true,
-			"dependencies": {
-				"min-indent": "^1.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/strip-json-comments": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/strip-literal": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz",
-			"integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
-			"dev": true,
-			"dependencies": {
-				"acorn": "^8.10.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/antfu"
-			}
-		},
-		"node_modules/supports-color": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-			"dev": true,
-			"dependencies": {
-				"has-flag": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/supports-preserve-symlinks-flag": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-			"dev": true,
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/svelte": {
-			"version": "4.2.7",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.7.tgz",
-			"integrity": "sha512-UExR1KS7raTdycsUrKLtStayu4hpdV3VZQgM0akX8XbXgLBlosdE/Sf3crOgyh9xIjqSYB3UEBuUlIQKRQX2hg==",
-			"dependencies": {
-				"@ampproject/remapping": "^2.2.1",
-				"@jridgewell/sourcemap-codec": "^1.4.15",
-				"@jridgewell/trace-mapping": "^0.3.18",
-				"acorn": "^8.9.0",
-				"aria-query": "^5.3.0",
-				"axobject-query": "^3.2.1",
-				"code-red": "^1.0.3",
-				"css-tree": "^2.3.1",
-				"estree-walker": "^3.0.3",
-				"is-reference": "^3.0.1",
-				"locate-character": "^3.0.0",
-				"magic-string": "^0.30.4",
-				"periscopic": "^3.1.0"
-			},
-			"engines": {
-				"node": ">=16"
-			}
-		},
-		"node_modules/svelte-check": {
-			"version": "3.6.2",
-			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.6.2.tgz",
-			"integrity": "sha512-E6iFh4aUCGJLRz6QZXH3gcN/VFfkzwtruWSRmlKrLWQTiO6VzLsivR6q02WYLGNAGecV3EocqZuCDrC2uttZ0g==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/trace-mapping": "^0.3.17",
-				"chokidar": "^3.4.1",
-				"fast-glob": "^3.2.7",
-				"import-fresh": "^3.2.1",
-				"picocolors": "^1.0.0",
-				"sade": "^1.7.4",
-				"svelte-preprocess": "^5.1.0",
-				"typescript": "^5.0.3"
-			},
-			"bin": {
-				"svelte-check": "bin/svelte-check"
-			},
-			"peerDependencies": {
-				"svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0"
-			}
-		},
-		"node_modules/svelte-eslint-parser": {
-			"version": "0.33.1",
-			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz",
-			"integrity": "sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==",
-			"dev": true,
-			"dependencies": {
-				"eslint-scope": "^7.0.0",
-				"eslint-visitor-keys": "^3.0.0",
-				"espree": "^9.0.0",
-				"postcss": "^8.4.29",
-				"postcss-scss": "^4.0.8"
-			},
-			"engines": {
-				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ota-meshi"
-			},
-			"peerDependencies": {
-				"svelte": "^3.37.0 || ^4.0.0"
-			},
-			"peerDependenciesMeta": {
-				"svelte": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/svelte-hmr": {
-			"version": "0.15.3",
-			"resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz",
-			"integrity": "sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==",
-			"dev": true,
-			"engines": {
-				"node": "^12.20 || ^14.13.1 || >= 16"
-			},
-			"peerDependencies": {
-				"svelte": "^3.19.0 || ^4.0.0"
-			}
-		},
-		"node_modules/svelte-persisted-store": {
-			"version": "0.7.0",
-			"resolved": "https://registry.npmjs.org/svelte-persisted-store/-/svelte-persisted-store-0.7.0.tgz",
-			"integrity": "sha512-PczYS60ysScQ0DmTCPXQm5rwt8FfQzSlx0lCbljbE6hTCKqXaw2bP8KH1+B7QTPmuiy/QbAk4pjYpNCmZhjyRw==",
-			"engines": {
-				"node": ">=0.14"
-			},
-			"peerDependencies": {
-				"svelte": "^3.48.0 || >4.0.0"
-			}
-		},
-		"node_modules/svelte-preprocess": {
-			"version": "5.1.1",
-			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.1.tgz",
-			"integrity": "sha512-p/Dp4hmrBW5mrCCq29lEMFpIJT2FZsRlouxEc5qpbOmXRbaFs7clLs8oKPwD3xCFyZfv1bIhvOzpQkhMEVQdMw==",
-			"dev": true,
-			"hasInstallScript": true,
-			"dependencies": {
-				"@types/pug": "^2.0.6",
-				"detect-indent": "^6.1.0",
-				"magic-string": "^0.27.0",
-				"sorcery": "^0.11.0",
-				"strip-indent": "^3.0.0"
-			},
-			"engines": {
-				"node": ">= 14.10.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.10.2",
-				"coffeescript": "^2.5.1",
-				"less": "^3.11.3 || ^4.0.0",
-				"postcss": "^7 || ^8",
-				"postcss-load-config": "^2.1.0 || ^3.0.0 || ^4.0.0",
-				"pug": "^3.0.0",
-				"sass": "^1.26.8",
-				"stylus": "^0.55.0",
-				"sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
-				"svelte": "^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0",
-				"typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0"
-			},
-			"peerDependenciesMeta": {
-				"@babel/core": {
-					"optional": true
-				},
-				"coffeescript": {
-					"optional": true
-				},
-				"less": {
-					"optional": true
-				},
-				"postcss": {
-					"optional": true
-				},
-				"postcss-load-config": {
-					"optional": true
-				},
-				"pug": {
-					"optional": true
-				},
-				"sass": {
-					"optional": true
-				},
-				"stylus": {
-					"optional": true
-				},
-				"sugarss": {
-					"optional": true
-				},
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/svelte-preprocess/node_modules/magic-string": {
-			"version": "0.27.0",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-			"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.13"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/symbol-tree": {
-			"version": "3.2.4",
-			"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-			"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-			"dev": true
-		},
-		"node_modules/test-exclude": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-			"integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-			"dev": true,
-			"dependencies": {
-				"@istanbuljs/schema": "^0.1.2",
-				"glob": "^7.1.4",
-				"minimatch": "^3.0.4"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/text-table": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-			"integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-			"dev": true
-		},
-		"node_modules/timers-browserify": {
-			"version": "2.0.12",
-			"resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
-			"integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
-			"dev": true,
-			"dependencies": {
-				"setimmediate": "^1.0.4"
-			},
-			"engines": {
-				"node": ">=0.6.0"
-			}
-		},
-		"node_modules/tiny-glob": {
-			"version": "0.2.9",
-			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
-			"integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
-			"dev": true,
-			"dependencies": {
-				"globalyzer": "0.1.0",
-				"globrex": "^0.1.2"
-			}
-		},
-		"node_modules/tinybench": {
-			"version": "2.5.1",
-			"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.1.tgz",
-			"integrity": "sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==",
-			"dev": true
-		},
-		"node_modules/tinypool": {
-			"version": "0.7.0",
-			"resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.7.0.tgz",
-			"integrity": "sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==",
-			"dev": true,
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
-		"node_modules/tinyspy": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.0.tgz",
-			"integrity": "sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==",
-			"dev": true,
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
-		"node_modules/to-regex-range": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
-			"dependencies": {
-				"is-number": "^7.0.0"
-			},
-			"engines": {
-				"node": ">=8.0"
-			}
-		},
-		"node_modules/totalist": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/tough-cookie": {
-			"version": "4.1.3",
-			"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-			"integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
-			"dev": true,
-			"dependencies": {
-				"psl": "^1.1.33",
-				"punycode": "^2.1.1",
-				"universalify": "^0.2.0",
-				"url-parse": "^1.5.3"
-			},
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/tr46": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
-			"integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
-			"dev": true,
-			"dependencies": {
-				"punycode": "^2.3.1"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/tsconfck": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-2.1.2.tgz",
-			"integrity": "sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==",
-			"dev": true,
-			"bin": {
-				"tsconfck": "bin/tsconfck.js"
-			},
-			"engines": {
-				"node": "^14.13.1 || ^16 || >=18"
-			},
-			"peerDependencies": {
-				"typescript": "^4.3.5 || ^5.0.0"
-			},
-			"peerDependenciesMeta": {
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/tsconfig-paths": {
-			"version": "3.14.2",
-			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-			"integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"@types/json5": "^0.0.29",
-				"json5": "^1.0.2",
-				"minimist": "^1.2.6",
-				"strip-bom": "^3.0.0"
-			}
-		},
-		"node_modules/tty-browserify": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
-			"integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
-			"dev": true
-		},
-		"node_modules/type-check": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-			"dev": true,
-			"dependencies": {
-				"prelude-ls": "^1.2.1"
-			},
-			"engines": {
-				"node": ">= 0.8.0"
-			}
-		},
-		"node_modules/type-detect": {
-			"version": "4.0.8",
-			"resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-			"integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-			"dev": true,
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/type-fest": {
-			"version": "0.20.2",
-			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-			"integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/typed-array-buffer": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-			"integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.1",
-				"is-typed-array": "^1.1.10"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/typed-array-byte-length": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-			"integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"has-proto": "^1.0.1",
-				"is-typed-array": "^1.1.10"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/typed-array-byte-offset": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-			"integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"has-proto": "^1.0.1",
-				"is-typed-array": "^1.1.10"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/typed-array-length": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-			"integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"is-typed-array": "^1.1.9"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/typescript": {
-			"version": "5.3.2",
-			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
-			"integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
-			"dev": true,
-			"bin": {
-				"tsc": "bin/tsc",
-				"tsserver": "bin/tsserver"
-			},
-			"engines": {
-				"node": ">=14.17"
-			}
-		},
-		"node_modules/ufo": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.2.tgz",
-			"integrity": "sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==",
-			"dev": true
-		},
-		"node_modules/unbox-primitive": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-			"integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-			"dev": true,
-			"peer": true,
-			"dependencies": {
-				"call-bind": "^1.0.2",
-				"has-bigints": "^1.0.2",
-				"has-symbols": "^1.0.3",
-				"which-boxed-primitive": "^1.0.2"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/undici": {
-			"version": "5.26.5",
-			"resolved": "https://registry.npmjs.org/undici/-/undici-5.26.5.tgz",
-			"integrity": "sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==",
-			"dev": true,
-			"dependencies": {
-				"@fastify/busboy": "^2.0.0"
-			},
-			"engines": {
-				"node": ">=14.0"
-			}
-		},
-		"node_modules/undici-types": {
-			"version": "5.26.5",
-			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-			"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-			"dev": true
-		},
-		"node_modules/universalify": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-			"integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 4.0.0"
-			}
-		},
-		"node_modules/update-browserslist-db": {
-			"version": "1.0.13",
-			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-			"integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/browserslist"
-				},
-				{
-					"type": "tidelift",
-					"url": "https://tidelift.com/funding/github/npm/browserslist"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"dependencies": {
-				"escalade": "^3.1.1",
-				"picocolors": "^1.0.0"
-			},
-			"bin": {
-				"update-browserslist-db": "cli.js"
-			},
-			"peerDependencies": {
-				"browserslist": ">= 4.21.0"
-			}
-		},
-		"node_modules/uri-js": {
-			"version": "4.4.1",
-			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-			"dev": true,
-			"dependencies": {
-				"punycode": "^2.1.0"
-			}
-		},
-		"node_modules/url": {
-			"version": "0.11.3",
-			"resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
-			"integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
-			"dev": true,
-			"dependencies": {
-				"punycode": "^1.4.1",
-				"qs": "^6.11.2"
-			}
-		},
-		"node_modules/url-parse": {
-			"version": "1.5.10",
-			"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-			"integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-			"dev": true,
-			"dependencies": {
-				"querystringify": "^2.1.1",
-				"requires-port": "^1.0.0"
-			}
-		},
-		"node_modules/url/node_modules/punycode": {
-			"version": "1.4.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-			"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-			"dev": true
-		},
-		"node_modules/util": {
-			"version": "0.12.5",
-			"resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
-			"integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
-			"dev": true,
-			"dependencies": {
-				"inherits": "^2.0.3",
-				"is-arguments": "^1.0.4",
-				"is-generator-function": "^1.0.7",
-				"is-typed-array": "^1.1.3",
-				"which-typed-array": "^1.1.2"
-			}
-		},
-		"node_modules/util-deprecate": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
-		},
-		"node_modules/uuid-v4": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/uuid-v4/-/uuid-v4-0.1.0.tgz",
-			"integrity": "sha512-m11RYDtowtAIihBXMoGajOEKpAXrKbpKlpmxqyztMYQNGSY5nZAZ/oYch/w2HNS1RMA4WLGcZvuD8/wFMuCEzA==",
-			"dev": true,
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/v8-to-istanbul": {
-			"version": "9.2.0",
-			"resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz",
-			"integrity": "sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/trace-mapping": "^0.3.12",
-				"@types/istanbul-lib-coverage": "^2.0.1",
-				"convert-source-map": "^2.0.0"
-			},
-			"engines": {
-				"node": ">=10.12.0"
-			}
-		},
-		"node_modules/vite": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-			"integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
-			"dev": true,
-			"dependencies": {
-				"esbuild": "^0.18.10",
-				"postcss": "^8.4.27",
-				"rollup": "^3.27.1"
-			},
-			"bin": {
-				"vite": "bin/vite.js"
-			},
-			"engines": {
-				"node": "^14.18.0 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/vitejs/vite?sponsor=1"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.2"
-			},
-			"peerDependencies": {
-				"@types/node": ">= 14",
-				"less": "*",
-				"lightningcss": "^1.21.0",
-				"sass": "*",
-				"stylus": "*",
-				"sugarss": "*",
-				"terser": "^5.4.0"
-			},
-			"peerDependenciesMeta": {
-				"@types/node": {
-					"optional": true
-				},
-				"less": {
-					"optional": true
-				},
-				"lightningcss": {
-					"optional": true
-				},
-				"sass": {
-					"optional": true
-				},
-				"stylus": {
-					"optional": true
-				},
-				"sugarss": {
-					"optional": true
-				},
-				"terser": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vite-node": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.34.6.tgz",
-			"integrity": "sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==",
-			"dev": true,
-			"dependencies": {
-				"cac": "^6.7.14",
-				"debug": "^4.3.4",
-				"mlly": "^1.4.0",
-				"pathe": "^1.1.1",
-				"picocolors": "^1.0.0",
-				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0-0"
-			},
-			"bin": {
-				"vite-node": "vite-node.mjs"
-			},
-			"engines": {
-				"node": ">=v14.18.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			}
-		},
-		"node_modules/vite-plugin-node-polyfills": {
-			"version": "0.17.0",
-			"resolved": "https://registry.npmjs.org/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.17.0.tgz",
-			"integrity": "sha512-iPmPn7376e5u6QvoTSJa16hf5Q0DFwHFXJk2uYpsNlmI3JdPms7hWyh55o+OysJ5jo9J5XPhLC9sMOYifwFd1w==",
-			"dev": true,
-			"dependencies": {
-				"@rollup/plugin-inject": "^5.0.5",
-				"buffer-polyfill": "npm:buffer@^6.0.3",
-				"node-stdlib-browser": "^1.2.0",
-				"process": "^0.11.10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/davidmyersdev"
-			},
-			"peerDependencies": {
-				"vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
-			}
-		},
-		"node_modules/vite-tsconfig-paths": {
-			"version": "4.2.1",
-			"resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.2.1.tgz",
-			"integrity": "sha512-GNUI6ZgPqT3oervkvzU+qtys83+75N/OuDaQl7HmOqFTb0pjZsuARrRipsyJhJ3enqV8beI1xhGbToR4o78nSQ==",
-			"dev": true,
-			"dependencies": {
-				"debug": "^4.1.1",
-				"globrex": "^0.1.2",
-				"tsconfck": "^2.1.0"
-			},
-			"peerDependencies": {
-				"vite": "*"
-			},
-			"peerDependenciesMeta": {
-				"vite": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitefu": {
-			"version": "0.2.5",
-			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
-			"integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
-			"dev": true,
-			"peerDependencies": {
-				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
-			},
-			"peerDependenciesMeta": {
-				"vite": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vitest": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-0.34.6.tgz",
-			"integrity": "sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q==",
-			"dev": true,
-			"dependencies": {
-				"@types/chai": "^4.3.5",
-				"@types/chai-subset": "^1.3.3",
-				"@types/node": "*",
-				"@vitest/expect": "0.34.6",
-				"@vitest/runner": "0.34.6",
-				"@vitest/snapshot": "0.34.6",
-				"@vitest/spy": "0.34.6",
-				"@vitest/utils": "0.34.6",
-				"acorn": "^8.9.0",
-				"acorn-walk": "^8.2.0",
-				"cac": "^6.7.14",
-				"chai": "^4.3.10",
-				"debug": "^4.3.4",
-				"local-pkg": "^0.4.3",
-				"magic-string": "^0.30.1",
-				"pathe": "^1.1.1",
-				"picocolors": "^1.0.0",
-				"std-env": "^3.3.3",
-				"strip-literal": "^1.0.1",
-				"tinybench": "^2.5.0",
-				"tinypool": "^0.7.0",
-				"vite": "^3.1.0 || ^4.0.0 || ^5.0.0-0",
-				"vite-node": "0.34.6",
-				"why-is-node-running": "^2.2.2"
-			},
-			"bin": {
-				"vitest": "vitest.mjs"
-			},
-			"engines": {
-				"node": ">=v14.18.0"
-			},
-			"funding": {
-				"url": "https://opencollective.com/vitest"
-			},
-			"peerDependencies": {
-				"@edge-runtime/vm": "*",
-				"@vitest/browser": "*",
-				"@vitest/ui": "*",
-				"happy-dom": "*",
-				"jsdom": "*",
-				"playwright": "*",
-				"safaridriver": "*",
-				"webdriverio": "*"
-			},
-			"peerDependenciesMeta": {
-				"@edge-runtime/vm": {
-					"optional": true
-				},
-				"@vitest/browser": {
-					"optional": true
-				},
-				"@vitest/ui": {
-					"optional": true
-				},
-				"happy-dom": {
-					"optional": true
-				},
-				"jsdom": {
-					"optional": true
-				},
-				"playwright": {
-					"optional": true
-				},
-				"safaridriver": {
-					"optional": true
-				},
-				"webdriverio": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/vm-browserify": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
-			"integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
-			"dev": true
-		},
-		"node_modules/w3c-xmlserializer": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-			"integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-			"dev": true,
-			"dependencies": {
-				"xml-name-validator": "^5.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/web-streams-polyfill": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
-			"integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
-			"dev": true,
-			"peer": true,
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/webidl-conversions": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-			"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/whatwg-encoding": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-			"integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-			"dev": true,
-			"dependencies": {
-				"iconv-lite": "0.6.3"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/whatwg-mimetype": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-			"integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-			"dev": true,
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/whatwg-url": {
-			"version": "14.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.0.0.tgz",
-			"integrity": "sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==",
-			"dev": true,
-			"dependencies": {
-				"tr46": "^5.0.0",
-				"webidl-conversions": "^7.0.0"
-			},
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/which": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-			"dev": true,
-			"dependencies": {
-				"isexe": "^2.0.0"
-			},
-			"bin": {
-				"node-which": "bin/node-which"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/which-boxed-primitive": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-			"integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-			"dev": true,
-			"dependencies": {
-				"is-bigint": "^1.0.1",
-				"is-boolean-object": "^1.1.0",
-				"is-number-object": "^1.0.4",
-				"is-string": "^1.0.5",
-				"is-symbol": "^1.0.3"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/which-collection": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-			"integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-			"dev": true,
-			"dependencies": {
-				"is-map": "^2.0.1",
-				"is-set": "^2.0.1",
-				"is-weakmap": "^2.0.1",
-				"is-weakset": "^2.0.1"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/which-module": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
-			"integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
-		},
-		"node_modules/which-typed-array": {
-			"version": "1.1.13",
-			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-			"integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-			"dev": true,
-			"dependencies": {
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.4",
-				"for-each": "^0.3.3",
-				"gopd": "^1.0.1",
-				"has-tostringtag": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/why-is-node-running": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
-			"integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
-			"dev": true,
-			"dependencies": {
-				"siginfo": "^2.0.0",
-				"stackback": "0.0.2"
-			},
-			"bin": {
-				"why-is-node-running": "cli.js"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/wrap-ansi": {
-			"version": "6.2.0",
-			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-			"integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-			"dependencies": {
-				"ansi-styles": "^4.0.0",
-				"string-width": "^4.1.0",
-				"strip-ansi": "^6.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/wrappy": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-			"dev": true
-		},
-		"node_modules/ws": {
-			"version": "8.14.2",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-			"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
-			"dev": true,
-			"engines": {
-				"node": ">=10.0.0"
-			},
-			"peerDependencies": {
-				"bufferutil": "^4.0.1",
-				"utf-8-validate": ">=5.0.2"
-			},
-			"peerDependenciesMeta": {
-				"bufferutil": {
-					"optional": true
-				},
-				"utf-8-validate": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/xml-name-validator": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-			"integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-			"dev": true,
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/xmlchars": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-			"dev": true
-		},
-		"node_modules/xtend": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.4"
-			}
-		},
-		"node_modules/y18n": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
-			"integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
-		},
-		"node_modules/yallist": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-			"dev": true
-		},
-		"node_modules/yaml": {
-			"version": "1.10.2",
-			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-			"dev": true,
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/yargs": {
-			"version": "15.4.1",
-			"resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
-			"integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-			"dependencies": {
-				"cliui": "^6.0.0",
-				"decamelize": "^1.2.0",
-				"find-up": "^4.1.0",
-				"get-caller-file": "^2.0.1",
-				"require-directory": "^2.1.1",
-				"require-main-filename": "^2.0.0",
-				"set-blocking": "^2.0.0",
-				"string-width": "^4.2.0",
-				"which-module": "^2.0.0",
-				"y18n": "^4.0.0",
-				"yargs-parser": "^18.1.2"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/yargs-parser": {
-			"version": "18.1.3",
-			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-			"integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-			"dependencies": {
-				"camelcase": "^5.0.0",
-				"decamelize": "^1.2.0"
-			},
-			"engines": {
-				"node": ">=6"
-			}
-		},
-		"node_modules/yargs/node_modules/find-up": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-			"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-			"dependencies": {
-				"locate-path": "^5.0.0",
-				"path-exists": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/yargs/node_modules/locate-path": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-			"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-			"dependencies": {
-				"p-locate": "^4.1.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/yargs/node_modules/p-limit": {
-			"version": "2.3.0",
-			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-			"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-			"dependencies": {
-				"p-try": "^2.0.0"
-			},
-			"engines": {
-				"node": ">=6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/yargs/node_modules/p-locate": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-			"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-			"dependencies": {
-				"p-limit": "^2.2.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/yocto-queue": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		}
-	},
-	"dependencies": {
-		"@aashutoshrathi/word-wrap": {
-			"version": "1.2.6",
-			"resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-			"integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-			"dev": true
-		},
-		"@adobe/css-tools": {
-			"version": "4.3.1",
-			"resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.3.1.tgz",
-			"integrity": "sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==",
-			"dev": true
-		},
-		"@ampproject/remapping": {
-			"version": "2.2.1",
-			"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-			"integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-			"requires": {
-				"@jridgewell/gen-mapping": "^0.3.0",
-				"@jridgewell/trace-mapping": "^0.3.9"
-			}
-		},
-		"@babel/code-frame": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
-			"integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
-			"dev": true,
-			"requires": {
-				"@babel/highlight": "^7.23.4",
-				"chalk": "^2.4.2"
-			},
-			"dependencies": {
-				"ansi-styles": {
-					"version": "3.2.1",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-					"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-					"dev": true,
-					"requires": {
-						"color-convert": "^1.9.0"
-					}
-				},
-				"chalk": {
-					"version": "2.4.2",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-					"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^3.2.1",
-						"escape-string-regexp": "^1.0.5",
-						"supports-color": "^5.3.0"
-					}
-				},
-				"color-convert": {
-					"version": "1.9.3",
-					"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-					"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-					"dev": true,
-					"requires": {
-						"color-name": "1.1.3"
-					}
-				},
-				"color-name": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-					"integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-					"dev": true
-				},
-				"escape-string-regexp": {
-					"version": "1.0.5",
-					"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-					"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-					"dev": true
-				},
-				"has-flag": {
-					"version": "3.0.0",
-					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-					"integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-					"dev": true
-				},
-				"supports-color": {
-					"version": "5.5.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-					"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-					"dev": true,
-					"requires": {
-						"has-flag": "^3.0.0"
-					}
-				}
-			}
-		},
-		"@babel/helper-validator-identifier": {
-			"version": "7.22.20",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-			"integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-			"dev": true
-		},
-		"@babel/highlight": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-			"integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
-			"dev": true,
-			"requires": {
-				"@babel/helper-validator-identifier": "^7.22.20",
-				"chalk": "^2.4.2",
-				"js-tokens": "^4.0.0"
-			},
-			"dependencies": {
-				"ansi-styles": {
-					"version": "3.2.1",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-					"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-					"dev": true,
-					"requires": {
-						"color-convert": "^1.9.0"
-					}
-				},
-				"chalk": {
-					"version": "2.4.2",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-					"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^3.2.1",
-						"escape-string-regexp": "^1.0.5",
-						"supports-color": "^5.3.0"
-					}
-				},
-				"color-convert": {
-					"version": "1.9.3",
-					"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-					"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-					"dev": true,
-					"requires": {
-						"color-name": "1.1.3"
-					}
-				},
-				"color-name": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-					"integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-					"dev": true
-				},
-				"escape-string-regexp": {
-					"version": "1.0.5",
-					"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-					"integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-					"dev": true
-				},
-				"has-flag": {
-					"version": "3.0.0",
-					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-					"integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-					"dev": true
-				},
-				"supports-color": {
-					"version": "5.5.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-					"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-					"dev": true,
-					"requires": {
-						"has-flag": "^3.0.0"
-					}
-				}
-			}
-		},
-		"@babel/runtime": {
-			"version": "7.23.4",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
-			"integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
-			"dev": true,
-			"requires": {
-				"regenerator-runtime": "^0.14.0"
-			}
-		},
-		"@bcoe/v8-coverage": {
-			"version": "0.2.3",
-			"resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-			"integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-			"dev": true
-		},
-		"@dusk-network/dusk-wallet-js": {
-			"version": "0.3.2",
-			"resolved": "https://npm.pkg.github.com/download/@dusk-network/dusk-wallet-js/0.3.2/794c3368ffad3f081a784e2fa92285977b029d4f",
-			"integrity": "sha512-552re4W969LqS5rmeuZx4bE3a+WA6o5xWop4wygxzWZJcE8qG/x5UmjXvCu1wkIFUmO7FSoCkUOE8nd4i4u8ag==",
-			"requires": {
-				"dexie": "3.2.4",
-				"fake-indexeddb": "5.0.1"
-			}
-		},
-		"@dusk-network/eslint-config": {
-			"version": "2.1.0",
-			"resolved": "https://npm.pkg.github.com/download/@dusk-network/eslint-config/2.1.0/2d74c4a499ba5fb36771049aedc7e54dfbb7732c",
-			"integrity": "sha512-pbxcp1rp1Ayoh0krh7NE9f34r0dUhmFMhMtjftJDQUxYY0Ljs+Z9a2QdJFGLZW5tVb++eCXeTKQZ/owfCvfdYg==",
-			"dev": true,
-			"requires": {
-				"eslint-plugin-svelte": ">=2.31.0"
-			}
-		},
-		"@esbuild/android-arm": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-			"integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/android-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
-			"integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/android-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
-			"integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/darwin-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-			"integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/darwin-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
-			"integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/freebsd-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
-			"integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/freebsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
-			"integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-arm": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
-			"integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
-			"integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-ia32": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
-			"integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-loong64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
-			"integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-mips64el": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
-			"integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-ppc64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
-			"integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-riscv64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
-			"integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-s390x": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
-			"integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/linux-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
-			"integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/netbsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
-			"integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/openbsd-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
-			"integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/sunos-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
-			"integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/win32-arm64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
-			"integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/win32-ia32": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
-			"integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
-			"dev": true,
-			"optional": true
-		},
-		"@esbuild/win32-x64": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
-			"integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
-			"dev": true,
-			"optional": true
-		},
-		"@eslint-community/eslint-utils": {
-			"version": "4.4.0",
-			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-			"integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-			"dev": true,
-			"requires": {
-				"eslint-visitor-keys": "^3.3.0"
-			}
-		},
-		"@eslint-community/regexpp": {
-			"version": "4.10.0",
-			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-			"integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-			"dev": true
-		},
-		"@eslint/eslintrc": {
-			"version": "2.1.3",
-			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
-			"integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
-			"dev": true,
-			"requires": {
-				"ajv": "^6.12.4",
-				"debug": "^4.3.2",
-				"espree": "^9.6.0",
-				"globals": "^13.19.0",
-				"ignore": "^5.2.0",
-				"import-fresh": "^3.2.1",
-				"js-yaml": "^4.1.0",
-				"minimatch": "^3.1.2",
-				"strip-json-comments": "^3.1.1"
-			}
-		},
-		"@eslint/js": {
-			"version": "8.54.0",
-			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.54.0.tgz",
-			"integrity": "sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==",
-			"dev": true
-		},
-		"@fastify/busboy": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.0.tgz",
-			"integrity": "sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==",
-			"dev": true
-		},
-		"@floating-ui/core": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
-			"integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
-			"requires": {
-				"@floating-ui/utils": "^0.1.3"
-			}
-		},
-		"@floating-ui/dom": {
-			"version": "1.5.3",
-			"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-			"integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
-			"requires": {
-				"@floating-ui/core": "^1.4.2",
-				"@floating-ui/utils": "^0.1.3"
-			}
-		},
-		"@floating-ui/utils": {
-			"version": "0.1.6",
-			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
-			"integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
-		},
-		"@humanwhocodes/config-array": {
-			"version": "0.11.13",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-			"integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
-			"dev": true,
-			"requires": {
-				"@humanwhocodes/object-schema": "^2.0.1",
-				"debug": "^4.1.1",
-				"minimatch": "^3.0.5"
-			}
-		},
-		"@humanwhocodes/module-importer": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-			"dev": true
-		},
-		"@humanwhocodes/object-schema": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-			"integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
-			"dev": true
-		},
-		"@istanbuljs/schema": {
-			"version": "0.1.3",
-			"resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-			"integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-			"dev": true
-		},
-		"@jest/schemas": {
-			"version": "29.6.3",
-			"resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-			"integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-			"dev": true,
-			"requires": {
-				"@sinclair/typebox": "^0.27.8"
-			}
-		},
-		"@jridgewell/gen-mapping": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-			"integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-			"requires": {
-				"@jridgewell/set-array": "^1.0.1",
-				"@jridgewell/sourcemap-codec": "^1.4.10",
-				"@jridgewell/trace-mapping": "^0.3.9"
-			}
-		},
-		"@jridgewell/resolve-uri": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-			"integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA=="
-		},
-		"@jridgewell/set-array": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-			"integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
-		},
-		"@jridgewell/sourcemap-codec": {
-			"version": "1.4.15",
-			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
-		},
-		"@jridgewell/trace-mapping": {
-			"version": "0.3.20",
-			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-			"integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-			"requires": {
-				"@jridgewell/resolve-uri": "^3.1.0",
-				"@jridgewell/sourcemap-codec": "^1.4.14"
-			}
-		},
-		"@jspm/core": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/@jspm/core/-/core-2.0.1.tgz",
-			"integrity": "sha512-Lg3PnLp0QXpxwLIAuuJboLeRaIhrgJjeuh797QADg3xz8wGLugQOS5DpsE8A6i6Adgzf+bacllkKZG3J0tGfDw==",
-			"dev": true
-		},
-		"@mdi/js": {
-			"version": "7.3.67",
-			"resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.3.67.tgz",
-			"integrity": "sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw=="
-		},
-		"@noble/hashes": {
-			"version": "1.3.3",
-			"resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.3.tgz",
-			"integrity": "sha512-V7/fPHgl+jsVPXqqeOzT8egNj2iBIVt+ECeMMG8TdcnTikP3oaBtUVqpT/gYCR68aEBJSF+XbYUxStjbFMqIIA=="
-		},
-		"@nodelib/fs.scandir": {
-			"version": "2.1.5",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
-			"requires": {
-				"@nodelib/fs.stat": "2.0.5",
-				"run-parallel": "^1.1.9"
-			}
-		},
-		"@nodelib/fs.stat": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true
-		},
-		"@nodelib/fs.walk": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
-			"requires": {
-				"@nodelib/fs.scandir": "2.1.5",
-				"fastq": "^1.6.0"
-			}
-		},
-		"@polka/url": {
-			"version": "1.0.0-next.23",
-			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
-			"integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
-			"dev": true
-		},
-		"@rollup/plugin-inject": {
-			"version": "5.0.5",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
-			"integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
-			"dev": true,
-			"requires": {
-				"@rollup/pluginutils": "^5.0.1",
-				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.3"
-			},
-			"dependencies": {
-				"estree-walker": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-					"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-					"dev": true
-				}
-			}
-		},
-		"@rollup/pluginutils": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
-			"integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
-			"dev": true,
-			"requires": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^2.0.2",
-				"picomatch": "^2.3.1"
-			},
-			"dependencies": {
-				"estree-walker": {
-					"version": "2.0.2",
-					"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-					"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-					"dev": true
-				}
-			}
-		},
-		"@sinclair/typebox": {
-			"version": "0.27.8",
-			"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-			"integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-			"dev": true
-		},
-		"@sveltejs/adapter-static": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.3.tgz",
-			"integrity": "sha512-VUqTfXsxYGugCpMqQv1U0LIdbR3S5nBkMMDmpjGVJyM6Q2jHVMFtdWJCkeHMySc6mZxJ+0eZK3T7IgmUCDrcUQ==",
-			"dev": true,
-			"requires": {}
-		},
-		"@sveltejs/kit": {
-			"version": "1.27.6",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.6.tgz",
-			"integrity": "sha512-GsjTkMbKzXdbeRg0tk8S7HNShQ4879ftRr0ZHaZfjbig1xQwG57Bvcm9U9/mpLJtCapLbLWUnygKrgcLISLC8A==",
-			"dev": true,
-			"requires": {
-				"@sveltejs/vite-plugin-svelte": "^2.5.0",
-				"@types/cookie": "^0.5.1",
-				"cookie": "^0.5.0",
-				"devalue": "^4.3.1",
-				"esm-env": "^1.0.0",
-				"kleur": "^4.1.5",
-				"magic-string": "^0.30.0",
-				"mrmime": "^1.0.1",
-				"sade": "^1.8.1",
-				"set-cookie-parser": "^2.6.0",
-				"sirv": "^2.0.2",
-				"tiny-glob": "^0.2.9",
-				"undici": "~5.26.2"
-			}
-		},
-		"@sveltejs/vite-plugin-svelte": {
-			"version": "2.5.3",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.5.3.tgz",
-			"integrity": "sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==",
-			"dev": true,
-			"requires": {
-				"@sveltejs/vite-plugin-svelte-inspector": "^1.0.4",
-				"debug": "^4.3.4",
-				"deepmerge": "^4.3.1",
-				"kleur": "^4.1.5",
-				"magic-string": "^0.30.3",
-				"svelte-hmr": "^0.15.3",
-				"vitefu": "^0.2.4"
-			}
-		},
-		"@sveltejs/vite-plugin-svelte-inspector": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz",
-			"integrity": "sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==",
-			"dev": true,
-			"requires": {
-				"debug": "^4.3.4"
-			}
-		},
-		"@testing-library/dom": {
-			"version": "9.3.3",
-			"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
-			"integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
-			"dev": true,
-			"requires": {
-				"@babel/code-frame": "^7.10.4",
-				"@babel/runtime": "^7.12.5",
-				"@types/aria-query": "^5.0.1",
-				"aria-query": "5.1.3",
-				"chalk": "^4.1.0",
-				"dom-accessibility-api": "^0.5.9",
-				"lz-string": "^1.5.0",
-				"pretty-format": "^27.0.2"
-			},
-			"dependencies": {
-				"aria-query": {
-					"version": "5.1.3",
-					"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-					"integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-					"dev": true,
-					"requires": {
-						"deep-equal": "^2.0.5"
-					}
-				},
-				"chalk": {
-					"version": "4.1.2",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-					"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^4.1.0",
-						"supports-color": "^7.1.0"
-					}
-				}
-			}
-		},
-		"@testing-library/jest-dom": {
-			"version": "6.1.4",
-			"resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.1.4.tgz",
-			"integrity": "sha512-wpoYrCYwSZ5/AxcrjLxJmCU6I5QAJXslEeSiMQqaWmP2Kzpd1LvF/qxmAIW2qposULGWq2gw30GgVNFLSc2Jnw==",
-			"dev": true,
-			"requires": {
-				"@adobe/css-tools": "^4.3.1",
-				"@babel/runtime": "^7.9.2",
-				"aria-query": "^5.0.0",
-				"chalk": "^3.0.0",
-				"css.escape": "^1.5.1",
-				"dom-accessibility-api": "^0.5.6",
-				"lodash": "^4.17.15",
-				"redent": "^3.0.0"
-			}
-		},
-		"@testing-library/svelte": {
-			"version": "4.0.5",
-			"resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-4.0.5.tgz",
-			"integrity": "sha512-P7X3mpYv/My4hBZfxVxTFV5KcA+EoWfRCguWP7WQdYj6HMdg/L+LiwG4ocvLe+hupedrC7dwcy85JlxKplJp2g==",
-			"dev": true,
-			"requires": {
-				"@testing-library/dom": "^9.3.1"
-			}
-		},
-		"@types/aria-query": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
-			"integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-			"dev": true
-		},
-		"@types/chai": {
-			"version": "4.3.11",
-			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.11.tgz",
-			"integrity": "sha512-qQR1dr2rGIHYlJulmr8Ioq3De0Le9E4MJ5AiaeAETJJpndT1uUNHsGFK3L/UIu+rbkQSdj8J/w2bCsBZc/Y5fQ==",
-			"dev": true
-		},
-		"@types/chai-subset": {
-			"version": "1.3.5",
-			"resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.5.tgz",
-			"integrity": "sha512-c2mPnw+xHtXDoHmdtcCXGwyLMiauiAyxWMzhGpqHC4nqI/Y5G2XhTampslK2rb59kpcuHon03UH8W6iYUzw88A==",
-			"dev": true,
-			"requires": {
-				"@types/chai": "*"
-			}
-		},
-		"@types/cookie": {
-			"version": "0.5.4",
-			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.4.tgz",
-			"integrity": "sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==",
-			"dev": true
-		},
-		"@types/estree": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-			"integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
-		},
-		"@types/istanbul-lib-coverage": {
-			"version": "2.0.6",
-			"resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-			"integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-			"dev": true
-		},
-		"@types/json5": {
-			"version": "0.0.29",
-			"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-			"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-			"dev": true,
-			"peer": true
-		},
-		"@types/node": {
-			"version": "20.10.0",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.0.tgz",
-			"integrity": "sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==",
-			"dev": true,
-			"requires": {
-				"undici-types": "~5.26.4"
-			}
-		},
-		"@types/offscreencanvas": {
-			"version": "2019.7.3",
-			"resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
-			"integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="
-		},
-		"@types/pug": {
-			"version": "2.0.10",
-			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
-			"integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==",
-			"dev": true
-		},
-		"@ungap/structured-clone": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-			"dev": true
-		},
-		"@vitejs/plugin-basic-ssl": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.2.tgz",
-			"integrity": "sha512-DKHKVtpI+eA5fvObVgQ3QtTGU70CcCnedalzqmGSR050AzKZMdUzgC8KmlOneHWH8dF2hJ3wkC9+8FDVAaDRCw==",
-			"dev": true,
-			"requires": {}
-		},
-		"@vitest/browser": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-0.34.6.tgz",
-			"integrity": "sha512-XCIGROVgw3L+PwYw/T2l+HP/SPrXvh2MfmQNU3aULl5ekE+QVj9A1RYu/1mcYXdac9ES4ahxUz6n4wgcVd9tbA==",
-			"dev": true,
-			"requires": {
-				"estree-walker": "^3.0.3",
-				"magic-string": "^0.30.1",
-				"modern-node-polyfills": "^1.0.0",
-				"sirv": "^2.0.3"
-			}
-		},
-		"@vitest/coverage-v8": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-0.34.6.tgz",
-			"integrity": "sha512-fivy/OK2d/EsJFoEoxHFEnNGTg+MmdZBAVK9Ka4qhXR2K3J0DS08vcGVwzDtXSuUMabLv4KtPcpSKkcMXFDViw==",
-			"dev": true,
-			"requires": {
-				"@ampproject/remapping": "^2.2.1",
-				"@bcoe/v8-coverage": "^0.2.3",
-				"istanbul-lib-coverage": "^3.2.0",
-				"istanbul-lib-report": "^3.0.1",
-				"istanbul-lib-source-maps": "^4.0.1",
-				"istanbul-reports": "^3.1.5",
-				"magic-string": "^0.30.1",
-				"picocolors": "^1.0.0",
-				"std-env": "^3.3.3",
-				"test-exclude": "^6.0.0",
-				"v8-to-istanbul": "^9.1.0"
-			}
-		},
-		"@vitest/expect": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.34.6.tgz",
-			"integrity": "sha512-QUzKpUQRc1qC7qdGo7rMK3AkETI7w18gTCUrsNnyjjJKYiuUB9+TQK3QnR1unhCnWRC0AbKv2omLGQDF/mIjOw==",
-			"dev": true,
-			"requires": {
-				"@vitest/spy": "0.34.6",
-				"@vitest/utils": "0.34.6",
-				"chai": "^4.3.10"
-			}
-		},
-		"@vitest/runner": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.34.6.tgz",
-			"integrity": "sha512-1CUQgtJSLF47NnhN+F9X2ycxUP0kLHQ/JWvNHbeBfwW8CzEGgeskzNnHDyv1ieKTltuR6sdIHV+nmR6kPxQqzQ==",
-			"dev": true,
-			"requires": {
-				"@vitest/utils": "0.34.6",
-				"p-limit": "^4.0.0",
-				"pathe": "^1.1.1"
-			},
-			"dependencies": {
-				"p-limit": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-					"integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-					"dev": true,
-					"requires": {
-						"yocto-queue": "^1.0.0"
-					}
-				},
-				"yocto-queue": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-					"integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-					"dev": true
-				}
-			}
-		},
-		"@vitest/snapshot": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.34.6.tgz",
-			"integrity": "sha512-B3OZqYn6k4VaN011D+ve+AA4whM4QkcwcrwaKwAbyyvS/NB1hCWjFIBQxAQQSQir9/RtyAAGuq+4RJmbn2dH4w==",
-			"dev": true,
-			"requires": {
-				"magic-string": "^0.30.1",
-				"pathe": "^1.1.1",
-				"pretty-format": "^29.5.0"
-			},
-			"dependencies": {
-				"ansi-styles": {
-					"version": "5.2.0",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-					"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-					"dev": true
-				},
-				"pretty-format": {
-					"version": "29.7.0",
-					"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-					"integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-					"dev": true,
-					"requires": {
-						"@jest/schemas": "^29.6.3",
-						"ansi-styles": "^5.0.0",
-						"react-is": "^18.0.0"
-					}
-				},
-				"react-is": {
-					"version": "18.2.0",
-					"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-					"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-					"dev": true
-				}
-			}
-		},
-		"@vitest/spy": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.34.6.tgz",
-			"integrity": "sha512-xaCvneSaeBw/cz8ySmF7ZwGvL0lBjfvqc1LpQ/vcdHEvpLn3Ff1vAvjw+CoGn0802l++5L/pxb7whwcWAw+DUQ==",
-			"dev": true,
-			"requires": {
-				"tinyspy": "^2.1.1"
-			}
-		},
-		"@vitest/utils": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.34.6.tgz",
-			"integrity": "sha512-IG5aDD8S6zlvloDsnzHw0Ut5xczlF+kv2BOTo+iXfPr54Yhi5qbVOgGB1hZaVq4iJ4C/MZ2J0y15IlsV/ZcI0A==",
-			"dev": true,
-			"requires": {
-				"diff-sequences": "^29.4.3",
-				"loupe": "^2.3.6",
-				"pretty-format": "^29.5.0"
-			},
-			"dependencies": {
-				"ansi-styles": {
-					"version": "5.2.0",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-					"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-					"dev": true
-				},
-				"pretty-format": {
-					"version": "29.7.0",
-					"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-					"integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-					"dev": true,
-					"requires": {
-						"@jest/schemas": "^29.6.3",
-						"ansi-styles": "^5.0.0",
-						"react-is": "^18.0.0"
-					}
-				},
-				"react-is": {
-					"version": "18.2.0",
-					"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-					"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-					"dev": true
-				}
-			}
-		},
-		"@zerodevx/svelte-toast": {
-			"version": "0.9.5",
-			"resolved": "https://registry.npmjs.org/@zerodevx/svelte-toast/-/svelte-toast-0.9.5.tgz",
-			"integrity": "sha512-JLeB/oRdJfT+dz9A5bgd3Z7TuQnBQbeUtXrGIrNWMGqWbabpepBF2KxtWVhL2qtxpRqhae2f6NAOzH7xs4jUSw==",
-			"dev": true,
-			"requires": {}
-		},
-		"acorn": {
-			"version": "8.11.2",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-			"integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w=="
-		},
-		"acorn-jsx": {
-			"version": "5.3.2",
-			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-			"dev": true,
-			"requires": {}
-		},
-		"acorn-walk": {
-			"version": "8.3.0",
-			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
-			"integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==",
-			"dev": true
-		},
-		"agent-base": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
-			"integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
-			"dev": true,
-			"requires": {
-				"debug": "^4.3.4"
-			}
-		},
-		"ajv": {
-			"version": "6.12.6",
-			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-			"dev": true,
-			"requires": {
-				"fast-deep-equal": "^3.1.1",
-				"fast-json-stable-stringify": "^2.0.0",
-				"json-schema-traverse": "^0.4.1",
-				"uri-js": "^4.2.2"
-			}
-		},
-		"ansi-regex": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
-		},
-		"ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"requires": {
-				"color-convert": "^2.0.1"
-			}
-		},
-		"anymatch": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-			"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-			"dev": true,
-			"requires": {
-				"normalize-path": "^3.0.0",
-				"picomatch": "^2.0.4"
-			}
-		},
-		"argparse": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-			"dev": true
-		},
-		"aria-query": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-			"integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-			"requires": {
-				"dequal": "^2.0.3"
-			}
-		},
-		"array-buffer-byte-length": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-			"integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"is-array-buffer": "^3.0.1"
-			}
-		},
-		"array-includes": {
-			"version": "3.1.7",
-			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-			"integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1",
-				"is-string": "^1.0.7"
-			}
-		},
-		"array.prototype.findlastindex": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-			"integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0",
-				"get-intrinsic": "^1.2.1"
-			}
-		},
-		"array.prototype.flat": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-			"integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0"
-			}
-		},
-		"array.prototype.flatmap": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-			"integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"es-shim-unscopables": "^1.0.0"
-			}
-		},
-		"arraybuffer.prototype.slice": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-			"integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"array-buffer-byte-length": "^1.0.0",
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1",
-				"is-array-buffer": "^3.0.2",
-				"is-shared-array-buffer": "^1.0.2"
-			}
-		},
-		"asn1.js": {
-			"version": "5.4.1",
-			"resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
-			"integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.0.0",
-				"inherits": "^2.0.1",
-				"minimalistic-assert": "^1.0.0",
-				"safer-buffer": "^2.1.0"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"assert": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
-			"integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"is-nan": "^1.3.2",
-				"object-is": "^1.1.5",
-				"object.assign": "^4.1.4",
-				"util": "^0.12.5"
-			}
-		},
-		"assertion-error": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
-			"integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
-			"dev": true
-		},
-		"asynckit": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-			"dev": true
-		},
-		"autoprefixer": {
-			"version": "10.4.16",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-			"integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
-			"dev": true,
-			"requires": {
-				"browserslist": "^4.21.10",
-				"caniuse-lite": "^1.0.30001538",
-				"fraction.js": "^4.3.6",
-				"normalize-range": "^0.1.2",
-				"picocolors": "^1.0.0",
-				"postcss-value-parser": "^4.2.0"
-			}
-		},
-		"available-typed-arrays": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-			"integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-			"dev": true
-		},
-		"axobject-query": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-			"integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-			"requires": {
-				"dequal": "^2.0.3"
-			}
-		},
-		"balanced-match": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-			"dev": true
-		},
-		"base64-js": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-			"dev": true
-		},
-		"binary-extensions": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true
-		},
-		"bip39": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/bip39/-/bip39-3.1.0.tgz",
-			"integrity": "sha512-c9kiwdk45Do5GL0vJMe7tS95VjCii65mYAH7DfWl3uW8AVzXKQVUm64i3hzVybBDMp9r7j9iNxR85+ul8MdN/A==",
-			"requires": {
-				"@noble/hashes": "^1.2.0"
-			}
-		},
-		"bn.js": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
-			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
-			"dev": true
-		},
-		"brace-expansion": {
-			"version": "1.1.11",
-			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
-			"requires": {
-				"balanced-match": "^1.0.0",
-				"concat-map": "0.0.1"
-			}
-		},
-		"braces": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
-			"requires": {
-				"fill-range": "^7.0.1"
-			}
-		},
-		"brorand": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
-			"dev": true
-		},
-		"browser-resolve": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/browser-resolve/-/browser-resolve-2.0.0.tgz",
-			"integrity": "sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==",
-			"dev": true,
-			"requires": {
-				"resolve": "^1.17.0"
-			}
-		},
-		"browserify-aes": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-			"integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-			"dev": true,
-			"requires": {
-				"buffer-xor": "^1.0.3",
-				"cipher-base": "^1.0.0",
-				"create-hash": "^1.1.0",
-				"evp_bytestokey": "^1.0.3",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			}
-		},
-		"browserify-cipher": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
-			"integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-			"dev": true,
-			"requires": {
-				"browserify-aes": "^1.0.4",
-				"browserify-des": "^1.0.0",
-				"evp_bytestokey": "^1.0.0"
-			}
-		},
-		"browserify-des": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
-			"integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-			"dev": true,
-			"requires": {
-				"cipher-base": "^1.0.1",
-				"des.js": "^1.0.0",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			}
-		},
-		"browserify-rsa": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
-			"integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^5.0.0",
-				"randombytes": "^2.0.1"
-			}
-		},
-		"browserify-sign": {
-			"version": "4.2.2",
-			"resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.2.tgz",
-			"integrity": "sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^5.2.1",
-				"browserify-rsa": "^4.1.0",
-				"create-hash": "^1.2.0",
-				"create-hmac": "^1.1.7",
-				"elliptic": "^6.5.4",
-				"inherits": "^2.0.4",
-				"parse-asn1": "^5.1.6",
-				"readable-stream": "^3.6.2",
-				"safe-buffer": "^5.2.1"
-			}
-		},
-		"browserify-zlib": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-			"integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-			"dev": true,
-			"requires": {
-				"pako": "~1.0.5"
-			}
-		},
-		"browserslist": {
-			"version": "4.22.1",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-			"integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-			"dev": true,
-			"requires": {
-				"caniuse-lite": "^1.0.30001541",
-				"electron-to-chromium": "^1.4.535",
-				"node-releases": "^2.0.13",
-				"update-browserslist-db": "^1.0.13"
-			}
-		},
-		"buffer": {
-			"version": "5.7.1",
-			"resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-			"integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-			"dev": true,
-			"requires": {
-				"base64-js": "^1.3.1",
-				"ieee754": "^1.1.13"
-			}
-		},
-		"buffer-crc32": {
-			"version": "0.2.13",
-			"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-			"integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-			"dev": true
-		},
-		"buffer-polyfill": {
-			"version": "npm:buffer@6.0.3",
-			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-			"dev": true,
-			"requires": {
-				"base64-js": "^1.3.1",
-				"ieee754": "^1.2.1"
-			}
-		},
-		"buffer-xor": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
-			"dev": true
-		},
-		"builtin-status-codes": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
-			"integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
-			"dev": true
-		},
-		"cac": {
-			"version": "6.7.14",
-			"resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-			"integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-			"dev": true
-		},
-		"call-bind": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-			"integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-			"dev": true,
-			"requires": {
-				"function-bind": "^1.1.2",
-				"get-intrinsic": "^1.2.1",
-				"set-function-length": "^1.1.1"
-			}
-		},
-		"callsites": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-			"dev": true
-		},
-		"camelcase": {
-			"version": "5.3.1",
-			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
-		},
-		"caniuse-lite": {
-			"version": "1.0.30001565",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz",
-			"integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==",
-			"dev": true
-		},
-		"chai": {
-			"version": "4.3.10",
-			"resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
-			"integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
-			"dev": true,
-			"requires": {
-				"assertion-error": "^1.1.0",
-				"check-error": "^1.0.3",
-				"deep-eql": "^4.1.3",
-				"get-func-name": "^2.0.2",
-				"loupe": "^2.3.6",
-				"pathval": "^1.1.1",
-				"type-detect": "^4.0.8"
-			}
-		},
-		"chalk": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-			"integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-			"dev": true,
-			"requires": {
-				"ansi-styles": "^4.1.0",
-				"supports-color": "^7.1.0"
-			}
-		},
-		"check-error": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.3.tgz",
-			"integrity": "sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==",
-			"dev": true,
-			"requires": {
-				"get-func-name": "^2.0.2"
-			}
-		},
-		"chokidar": {
-			"version": "3.5.3",
-			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-			"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-			"dev": true,
-			"requires": {
-				"anymatch": "~3.1.2",
-				"braces": "~3.0.2",
-				"fsevents": "~2.3.2",
-				"glob-parent": "~5.1.2",
-				"is-binary-path": "~2.1.0",
-				"is-glob": "~4.0.1",
-				"normalize-path": "~3.0.0",
-				"readdirp": "~3.6.0"
-			},
-			"dependencies": {
-				"glob-parent": {
-					"version": "5.1.2",
-					"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-					"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-					"dev": true,
-					"requires": {
-						"is-glob": "^4.0.1"
-					}
-				}
-			}
-		},
-		"cipher-base": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-			"integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			}
-		},
-		"cliui": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
-			"integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-			"requires": {
-				"string-width": "^4.2.0",
-				"strip-ansi": "^6.0.0",
-				"wrap-ansi": "^6.2.0"
-			}
-		},
-		"code-red": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
-			"integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
-			"requires": {
-				"@jridgewell/sourcemap-codec": "^1.4.15",
-				"@types/estree": "^1.0.1",
-				"acorn": "^8.10.0",
-				"estree-walker": "^3.0.3",
-				"periscopic": "^3.1.0"
-			}
-		},
-		"color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"requires": {
-				"color-name": "~1.1.4"
-			}
-		},
-		"color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-		},
-		"combined-stream": {
-			"version": "1.0.8",
-			"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-			"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-			"dev": true,
-			"requires": {
-				"delayed-stream": "~1.0.0"
-			}
-		},
-		"concat-map": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-			"dev": true
-		},
-		"console-browserify": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
-			"integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
-			"dev": true
-		},
-		"constants-browserify": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-			"integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
-			"dev": true
-		},
-		"convert-source-map": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-			"dev": true
-		},
-		"cookie": {
-			"version": "0.5.0",
-			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-			"integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
-			"dev": true
-		},
-		"create-ecdh": {
-			"version": "4.0.4",
-			"resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
-			"integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.1.0",
-				"elliptic": "^6.5.3"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"create-hash": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-			"integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-			"dev": true,
-			"requires": {
-				"cipher-base": "^1.0.1",
-				"inherits": "^2.0.1",
-				"md5.js": "^1.3.4",
-				"ripemd160": "^2.0.1",
-				"sha.js": "^2.4.0"
-			}
-		},
-		"create-hmac": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-			"integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-			"dev": true,
-			"requires": {
-				"cipher-base": "^1.0.3",
-				"create-hash": "^1.1.0",
-				"inherits": "^2.0.1",
-				"ripemd160": "^2.0.0",
-				"safe-buffer": "^5.0.1",
-				"sha.js": "^2.4.8"
-			}
-		},
-		"create-require": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-			"dev": true
-		},
-		"cross-spawn": {
-			"version": "7.0.3",
-			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-			"integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-			"dev": true,
-			"requires": {
-				"path-key": "^3.1.0",
-				"shebang-command": "^2.0.0",
-				"which": "^2.0.1"
-			}
-		},
-		"crypto-browserify": {
-			"version": "3.12.0",
-			"resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
-			"integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-			"dev": true,
-			"requires": {
-				"browserify-cipher": "^1.0.0",
-				"browserify-sign": "^4.0.0",
-				"create-ecdh": "^4.0.0",
-				"create-hash": "^1.1.0",
-				"create-hmac": "^1.1.0",
-				"diffie-hellman": "^5.0.0",
-				"inherits": "^2.0.1",
-				"pbkdf2": "^3.0.3",
-				"public-encrypt": "^4.0.0",
-				"randombytes": "^2.0.0",
-				"randomfill": "^1.0.3"
-			}
-		},
-		"css-doodle": {
-			"version": "0.37.4",
-			"resolved": "https://registry.npmjs.org/css-doodle/-/css-doodle-0.37.4.tgz",
-			"integrity": "sha512-OWfEVRI3FvwitIpgBCsk48oFRas7wzH7gNSeRyWIJFWZ05KoJu9YmtcHdZdr2nbQmAZ4rJFKX/SrR37tmvQaLA=="
-		},
-		"css-tree": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-			"integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-			"requires": {
-				"mdn-data": "2.0.30",
-				"source-map-js": "^1.0.1"
-			}
-		},
-		"css.escape": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-			"integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-			"dev": true
-		},
-		"cssesc": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-			"dev": true
-		},
-		"cssstyle": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
-			"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
-			"dev": true,
-			"requires": {
-				"rrweb-cssom": "^0.6.0"
-			}
-		},
-		"data-uri-to-buffer": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
-			"integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
-			"dev": true,
-			"peer": true
-		},
-		"data-urls": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
-			"integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
-			"dev": true,
-			"requires": {
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^14.0.0"
-			}
-		},
-		"debug": {
-			"version": "4.3.4",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-			"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-			"dev": true,
-			"requires": {
-				"ms": "2.1.2"
-			}
-		},
-		"decamelize": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA=="
-		},
-		"decimal.js": {
-			"version": "10.4.3",
-			"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-			"integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-			"dev": true
-		},
-		"deep-eql": {
-			"version": "4.1.3",
-			"resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
-			"integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
-			"dev": true,
-			"requires": {
-				"type-detect": "^4.0.0"
-			}
-		},
-		"deep-equal": {
-			"version": "2.2.3",
-			"resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-			"integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-			"dev": true,
-			"requires": {
-				"array-buffer-byte-length": "^1.0.0",
-				"call-bind": "^1.0.5",
-				"es-get-iterator": "^1.1.3",
-				"get-intrinsic": "^1.2.2",
-				"is-arguments": "^1.1.1",
-				"is-array-buffer": "^3.0.2",
-				"is-date-object": "^1.0.5",
-				"is-regex": "^1.1.4",
-				"is-shared-array-buffer": "^1.0.2",
-				"isarray": "^2.0.5",
-				"object-is": "^1.1.5",
-				"object-keys": "^1.1.1",
-				"object.assign": "^4.1.4",
-				"regexp.prototype.flags": "^1.5.1",
-				"side-channel": "^1.0.4",
-				"which-boxed-primitive": "^1.0.2",
-				"which-collection": "^1.0.1",
-				"which-typed-array": "^1.1.13"
-			}
-		},
-		"deep-is": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-			"dev": true
-		},
-		"deepmerge": {
-			"version": "4.3.1",
-			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-			"dev": true
-		},
-		"define-data-property": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-			"integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-			"dev": true,
-			"requires": {
-				"get-intrinsic": "^1.2.1",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0"
-			}
-		},
-		"define-properties": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-			"dev": true,
-			"requires": {
-				"define-data-property": "^1.0.1",
-				"has-property-descriptors": "^1.0.0",
-				"object-keys": "^1.1.1"
-			}
-		},
-		"delayed-stream": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-			"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-			"dev": true
-		},
-		"dequal": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-			"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="
-		},
-		"des.js": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
-			"integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.1",
-				"minimalistic-assert": "^1.0.0"
-			}
-		},
-		"detect-indent": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
-			"integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
-			"dev": true
-		},
-		"devalue": {
-			"version": "4.3.2",
-			"resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
-			"integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
-			"dev": true
-		},
-		"dexie": {
-			"version": "3.2.4",
-			"resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
-			"integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA=="
-		},
-		"diff-sequences": {
-			"version": "29.6.3",
-			"resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-			"integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-			"dev": true
-		},
-		"diffie-hellman": {
-			"version": "5.0.3",
-			"resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
-			"integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.1.0",
-				"miller-rabin": "^4.0.0",
-				"randombytes": "^2.0.0"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"dijkstrajs": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
-			"integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
-		},
-		"doctrine": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-			"integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-			"dev": true,
-			"requires": {
-				"esutils": "^2.0.2"
-			}
-		},
-		"dom-accessibility-api": {
-			"version": "0.5.16",
-			"resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-			"integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-			"dev": true
-		},
-		"domain-browser": {
-			"version": "4.23.0",
-			"resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.23.0.tgz",
-			"integrity": "sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==",
-			"dev": true
-		},
-		"electron-to-chromium": {
-			"version": "1.4.596",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.596.tgz",
-			"integrity": "sha512-zW3zbZ40Icb2BCWjm47nxwcFGYlIgdXkAx85XDO7cyky9J4QQfq8t0W19/TLZqq3JPQXtlv8BPIGmfa9Jb4scg==",
-			"dev": true
-		},
-		"elliptic": {
-			"version": "6.5.4",
-			"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
-			"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.11.9",
-				"brorand": "^1.1.0",
-				"hash.js": "^1.0.0",
-				"hmac-drbg": "^1.0.1",
-				"inherits": "^2.0.4",
-				"minimalistic-assert": "^1.0.1",
-				"minimalistic-crypto-utils": "^1.0.1"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"emoji-regex": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-		},
-		"encode-utf8": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
-			"integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
-		},
-		"entities": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-			"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-			"dev": true
-		},
-		"es-abstract": {
-			"version": "1.22.3",
-			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-			"integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"array-buffer-byte-length": "^1.0.0",
-				"arraybuffer.prototype.slice": "^1.0.2",
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.5",
-				"es-set-tostringtag": "^2.0.1",
-				"es-to-primitive": "^1.2.1",
-				"function.prototype.name": "^1.1.6",
-				"get-intrinsic": "^1.2.2",
-				"get-symbol-description": "^1.0.0",
-				"globalthis": "^1.0.3",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0",
-				"has-proto": "^1.0.1",
-				"has-symbols": "^1.0.3",
-				"hasown": "^2.0.0",
-				"internal-slot": "^1.0.5",
-				"is-array-buffer": "^3.0.2",
-				"is-callable": "^1.2.7",
-				"is-negative-zero": "^2.0.2",
-				"is-regex": "^1.1.4",
-				"is-shared-array-buffer": "^1.0.2",
-				"is-string": "^1.0.7",
-				"is-typed-array": "^1.1.12",
-				"is-weakref": "^1.0.2",
-				"object-inspect": "^1.13.1",
-				"object-keys": "^1.1.1",
-				"object.assign": "^4.1.4",
-				"regexp.prototype.flags": "^1.5.1",
-				"safe-array-concat": "^1.0.1",
-				"safe-regex-test": "^1.0.0",
-				"string.prototype.trim": "^1.2.8",
-				"string.prototype.trimend": "^1.0.7",
-				"string.prototype.trimstart": "^1.0.7",
-				"typed-array-buffer": "^1.0.0",
-				"typed-array-byte-length": "^1.0.0",
-				"typed-array-byte-offset": "^1.0.0",
-				"typed-array-length": "^1.0.4",
-				"unbox-primitive": "^1.0.2",
-				"which-typed-array": "^1.1.13"
-			}
-		},
-		"es-get-iterator": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-			"integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.3",
-				"has-symbols": "^1.0.3",
-				"is-arguments": "^1.1.1",
-				"is-map": "^2.0.2",
-				"is-set": "^2.0.2",
-				"is-string": "^1.0.7",
-				"isarray": "^2.0.5",
-				"stop-iteration-iterator": "^1.0.0"
-			}
-		},
-		"es-set-tostringtag": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-			"integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"get-intrinsic": "^1.2.2",
-				"has-tostringtag": "^1.0.0",
-				"hasown": "^2.0.0"
-			}
-		},
-		"es-shim-unscopables": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-			"integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"hasown": "^2.0.0"
-			}
-		},
-		"es-to-primitive": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-			"integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"is-callable": "^1.1.4",
-				"is-date-object": "^1.0.1",
-				"is-symbol": "^1.0.2"
-			}
-		},
-		"es6-promise": {
-			"version": "3.3.1",
-			"resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
-			"integrity": "sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==",
-			"dev": true
-		},
-		"esbuild": {
-			"version": "0.18.20",
-			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-			"integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-			"dev": true,
-			"requires": {
-				"@esbuild/android-arm": "0.18.20",
-				"@esbuild/android-arm64": "0.18.20",
-				"@esbuild/android-x64": "0.18.20",
-				"@esbuild/darwin-arm64": "0.18.20",
-				"@esbuild/darwin-x64": "0.18.20",
-				"@esbuild/freebsd-arm64": "0.18.20",
-				"@esbuild/freebsd-x64": "0.18.20",
-				"@esbuild/linux-arm": "0.18.20",
-				"@esbuild/linux-arm64": "0.18.20",
-				"@esbuild/linux-ia32": "0.18.20",
-				"@esbuild/linux-loong64": "0.18.20",
-				"@esbuild/linux-mips64el": "0.18.20",
-				"@esbuild/linux-ppc64": "0.18.20",
-				"@esbuild/linux-riscv64": "0.18.20",
-				"@esbuild/linux-s390x": "0.18.20",
-				"@esbuild/linux-x64": "0.18.20",
-				"@esbuild/netbsd-x64": "0.18.20",
-				"@esbuild/openbsd-x64": "0.18.20",
-				"@esbuild/sunos-x64": "0.18.20",
-				"@esbuild/win32-arm64": "0.18.20",
-				"@esbuild/win32-ia32": "0.18.20",
-				"@esbuild/win32-x64": "0.18.20"
-			}
-		},
-		"escalade": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-			"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-			"dev": true
-		},
-		"escape-string-regexp": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-			"dev": true
-		},
-		"eslint": {
-			"version": "8.54.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.54.0.tgz",
-			"integrity": "sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==",
-			"dev": true,
-			"requires": {
-				"@eslint-community/eslint-utils": "^4.2.0",
-				"@eslint-community/regexpp": "^4.6.1",
-				"@eslint/eslintrc": "^2.1.3",
-				"@eslint/js": "8.54.0",
-				"@humanwhocodes/config-array": "^0.11.13",
-				"@humanwhocodes/module-importer": "^1.0.1",
-				"@nodelib/fs.walk": "^1.2.8",
-				"@ungap/structured-clone": "^1.2.0",
-				"ajv": "^6.12.4",
-				"chalk": "^4.0.0",
-				"cross-spawn": "^7.0.2",
-				"debug": "^4.3.2",
-				"doctrine": "^3.0.0",
-				"escape-string-regexp": "^4.0.0",
-				"eslint-scope": "^7.2.2",
-				"eslint-visitor-keys": "^3.4.3",
-				"espree": "^9.6.1",
-				"esquery": "^1.4.2",
-				"esutils": "^2.0.2",
-				"fast-deep-equal": "^3.1.3",
-				"file-entry-cache": "^6.0.1",
-				"find-up": "^5.0.0",
-				"glob-parent": "^6.0.2",
-				"globals": "^13.19.0",
-				"graphemer": "^1.4.0",
-				"ignore": "^5.2.0",
-				"imurmurhash": "^0.1.4",
-				"is-glob": "^4.0.0",
-				"is-path-inside": "^3.0.3",
-				"js-yaml": "^4.1.0",
-				"json-stable-stringify-without-jsonify": "^1.0.1",
-				"levn": "^0.4.1",
-				"lodash.merge": "^4.6.2",
-				"minimatch": "^3.1.2",
-				"natural-compare": "^1.4.0",
-				"optionator": "^0.9.3",
-				"strip-ansi": "^6.0.1",
-				"text-table": "^0.2.0"
-			},
-			"dependencies": {
-				"chalk": {
-					"version": "4.1.2",
-					"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-					"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-					"dev": true,
-					"requires": {
-						"ansi-styles": "^4.1.0",
-						"supports-color": "^7.1.0"
-					}
-				}
-			}
-		},
-		"eslint-compat-utils": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz",
-			"integrity": "sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==",
-			"dev": true,
-			"requires": {}
-		},
-		"eslint-import-resolver-custom-alias": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-custom-alias/-/eslint-import-resolver-custom-alias-1.3.2.tgz",
-			"integrity": "sha512-wBPcZA2k6/IXaT8FsLMyiyVSG6WVEuaYIAbeKLXeGwr523BmeB9lKAAoLJWSqp3txsnU4gpkgD2x1q6K8k0uDQ==",
-			"dev": true,
-			"requires": {
-				"glob-parent": "^6.0.2",
-				"resolve": "^1.22.2"
-			}
-		},
-		"eslint-import-resolver-node": {
-			"version": "0.3.9",
-			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-			"integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"debug": "^3.2.7",
-				"is-core-module": "^2.13.0",
-				"resolve": "^1.22.4"
-			},
-			"dependencies": {
-				"debug": {
-					"version": "3.2.7",
-					"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-					"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-					"dev": true,
-					"peer": true,
-					"requires": {
-						"ms": "^2.1.1"
-					}
-				}
-			}
-		},
-		"eslint-module-utils": {
-			"version": "2.8.0",
-			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-			"integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"debug": "^3.2.7"
-			},
-			"dependencies": {
-				"debug": {
-					"version": "3.2.7",
-					"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-					"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-					"dev": true,
-					"peer": true,
-					"requires": {
-						"ms": "^2.1.1"
-					}
-				}
-			}
-		},
-		"eslint-plugin-import": {
-			"version": "2.29.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-			"integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"array-includes": "^3.1.7",
-				"array.prototype.findlastindex": "^1.2.3",
-				"array.prototype.flat": "^1.3.2",
-				"array.prototype.flatmap": "^1.3.2",
-				"debug": "^3.2.7",
-				"doctrine": "^2.1.0",
-				"eslint-import-resolver-node": "^0.3.9",
-				"eslint-module-utils": "^2.8.0",
-				"hasown": "^2.0.0",
-				"is-core-module": "^2.13.1",
-				"is-glob": "^4.0.3",
-				"minimatch": "^3.1.2",
-				"object.fromentries": "^2.0.7",
-				"object.groupby": "^1.0.1",
-				"object.values": "^1.1.7",
-				"semver": "^6.3.1",
-				"tsconfig-paths": "^3.14.2"
-			},
-			"dependencies": {
-				"debug": {
-					"version": "3.2.7",
-					"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-					"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-					"dev": true,
-					"peer": true,
-					"requires": {
-						"ms": "^2.1.1"
-					}
-				},
-				"doctrine": {
-					"version": "2.1.0",
-					"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-					"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-					"dev": true,
-					"peer": true,
-					"requires": {
-						"esutils": "^2.0.2"
-					}
-				}
-			}
-		},
-		"eslint-plugin-svelte": {
-			"version": "2.35.1",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.1.tgz",
-			"integrity": "sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==",
-			"dev": true,
-			"requires": {
-				"@eslint-community/eslint-utils": "^4.2.0",
-				"@jridgewell/sourcemap-codec": "^1.4.14",
-				"debug": "^4.3.1",
-				"eslint-compat-utils": "^0.1.2",
-				"esutils": "^2.0.3",
-				"known-css-properties": "^0.29.0",
-				"postcss": "^8.4.5",
-				"postcss-load-config": "^3.1.4",
-				"postcss-safe-parser": "^6.0.0",
-				"postcss-selector-parser": "^6.0.11",
-				"semver": "^7.5.3",
-				"svelte-eslint-parser": ">=0.33.0 <1.0.0"
-			},
-			"dependencies": {
-				"semver": {
-					"version": "7.5.4",
-					"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-					"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-					"dev": true,
-					"requires": {
-						"lru-cache": "^6.0.0"
-					}
-				}
-			}
-		},
-		"eslint-scope": {
-			"version": "7.2.2",
-			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-			"integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-			"dev": true,
-			"requires": {
-				"esrecurse": "^4.3.0",
-				"estraverse": "^5.2.0"
-			}
-		},
-		"eslint-visitor-keys": {
-			"version": "3.4.3",
-			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-			"dev": true
-		},
-		"esm-env": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-			"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
-			"dev": true
-		},
-		"espree": {
-			"version": "9.6.1",
-			"resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-			"integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-			"dev": true,
-			"requires": {
-				"acorn": "^8.9.0",
-				"acorn-jsx": "^5.3.2",
-				"eslint-visitor-keys": "^3.4.1"
-			}
-		},
-		"esquery": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-			"integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-			"dev": true,
-			"requires": {
-				"estraverse": "^5.1.0"
-			}
-		},
-		"esrecurse": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-			"dev": true,
-			"requires": {
-				"estraverse": "^5.2.0"
-			}
-		},
-		"estraverse": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-			"dev": true
-		},
-		"estree-walker": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-			"requires": {
-				"@types/estree": "^1.0.0"
-			}
-		},
-		"esutils": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-			"dev": true
-		},
-		"events": {
-			"version": "3.3.0",
-			"resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-			"integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-			"dev": true
-		},
-		"evp_bytestokey": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-			"integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-			"dev": true,
-			"requires": {
-				"md5.js": "^1.3.4",
-				"safe-buffer": "^5.1.1"
-			}
-		},
-		"fake-indexeddb": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-5.0.1.tgz",
-			"integrity": "sha512-vxybH29Owtc6khV/Usy47B1g+eKwyhFiX8nwpCC4td320jvwrKQDH6vNtcJZgUzVxmfsSIlHzLKQzT76JMCO7A=="
-		},
-		"fast-deep-equal": {
-			"version": "3.1.3",
-			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-			"dev": true
-		},
-		"fast-glob": {
-			"version": "3.3.2",
-			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-			"integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-			"dev": true,
-			"requires": {
-				"@nodelib/fs.stat": "^2.0.2",
-				"@nodelib/fs.walk": "^1.2.3",
-				"glob-parent": "^5.1.2",
-				"merge2": "^1.3.0",
-				"micromatch": "^4.0.4"
-			},
-			"dependencies": {
-				"glob-parent": {
-					"version": "5.1.2",
-					"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-					"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-					"dev": true,
-					"requires": {
-						"is-glob": "^4.0.1"
-					}
-				}
-			}
-		},
-		"fast-json-stable-stringify": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-			"dev": true
-		},
-		"fast-levenshtein": {
-			"version": "2.0.6",
-			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-			"dev": true
-		},
-		"fastq": {
-			"version": "1.15.0",
-			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-			"integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-			"dev": true,
-			"requires": {
-				"reusify": "^1.0.4"
-			}
-		},
-		"fetch-blob": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
-			"integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"node-domexception": "^1.0.0",
-				"web-streams-polyfill": "^3.0.3"
-			}
-		},
-		"file-entry-cache": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-			"integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-			"dev": true,
-			"requires": {
-				"flat-cache": "^3.0.4"
-			}
-		},
-		"fill-range": {
-			"version": "7.0.1",
-			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
-			"requires": {
-				"to-regex-range": "^5.0.1"
-			}
-		},
-		"find-up": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-			"dev": true,
-			"requires": {
-				"locate-path": "^6.0.0",
-				"path-exists": "^4.0.0"
-			}
-		},
-		"flat-cache": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-			"integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-			"dev": true,
-			"requires": {
-				"flatted": "^3.2.9",
-				"keyv": "^4.5.3",
-				"rimraf": "^3.0.2"
-			}
-		},
-		"flatted": {
-			"version": "3.2.9",
-			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-			"integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-			"dev": true
-		},
-		"for-each": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-			"integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-			"dev": true,
-			"requires": {
-				"is-callable": "^1.1.3"
-			}
-		},
-		"form-data": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-			"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-			"dev": true,
-			"requires": {
-				"asynckit": "^0.4.0",
-				"combined-stream": "^1.0.8",
-				"mime-types": "^2.1.12"
-			}
-		},
-		"formdata-polyfill": {
-			"version": "4.0.10",
-			"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
-			"integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"fetch-blob": "^3.1.2"
-			}
-		},
-		"fraction.js": {
-			"version": "4.3.7",
-			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-			"integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-			"dev": true
-		},
-		"fs.realpath": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-			"dev": true
-		},
-		"fsevents": {
-			"version": "2.3.3",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-			"dev": true,
-			"optional": true
-		},
-		"function-bind": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-			"dev": true
-		},
-		"function.prototype.name": {
-			"version": "1.1.6",
-			"resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-			"integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"functions-have-names": "^1.2.3"
-			}
-		},
-		"functions-have-names": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-			"integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-			"dev": true
-		},
-		"get-caller-file": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
-		},
-		"get-func-name": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
-			"integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
-			"dev": true
-		},
-		"get-intrinsic": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-			"integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-			"dev": true,
-			"requires": {
-				"function-bind": "^1.1.2",
-				"has-proto": "^1.0.1",
-				"has-symbols": "^1.0.3",
-				"hasown": "^2.0.0"
-			}
-		},
-		"get-symbol-description": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-			"integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.1"
-			}
-		},
-		"glob": {
-			"version": "7.2.3",
-			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-			"integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-			"dev": true,
-			"requires": {
-				"fs.realpath": "^1.0.0",
-				"inflight": "^1.0.4",
-				"inherits": "2",
-				"minimatch": "^3.1.1",
-				"once": "^1.3.0",
-				"path-is-absolute": "^1.0.0"
-			}
-		},
-		"glob-parent": {
-			"version": "6.0.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-			"dev": true,
-			"requires": {
-				"is-glob": "^4.0.3"
-			}
-		},
-		"globals": {
-			"version": "13.23.0",
-			"resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-			"integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
-			"dev": true,
-			"requires": {
-				"type-fest": "^0.20.2"
-			}
-		},
-		"globalthis": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-			"integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"define-properties": "^1.1.3"
-			}
-		},
-		"globalyzer": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
-			"integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
-			"dev": true
-		},
-		"globrex": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-			"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
-			"dev": true
-		},
-		"gopd": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-			"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-			"dev": true,
-			"requires": {
-				"get-intrinsic": "^1.1.3"
-			}
-		},
-		"graceful-fs": {
-			"version": "4.2.11",
-			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-			"dev": true
-		},
-		"graphemer": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-			"dev": true
-		},
-		"has-bigints": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-			"integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-			"dev": true
-		},
-		"has-flag": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-			"dev": true
-		},
-		"has-property-descriptors": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-			"integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
-			"dev": true,
-			"requires": {
-				"get-intrinsic": "^1.2.2"
-			}
-		},
-		"has-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-			"integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-			"dev": true
-		},
-		"has-symbols": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true
-		},
-		"has-tostringtag": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-			"integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-			"dev": true,
-			"requires": {
-				"has-symbols": "^1.0.2"
-			}
-		},
-		"hash-base": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-			"integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.4",
-				"readable-stream": "^3.6.0",
-				"safe-buffer": "^5.2.0"
-			}
-		},
-		"hash.js": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
-			"integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.3",
-				"minimalistic-assert": "^1.0.1"
-			}
-		},
-		"hasown": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-			"integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-			"dev": true,
-			"requires": {
-				"function-bind": "^1.1.2"
-			}
-		},
-		"hmac-drbg": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
-			"integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
-			"dev": true,
-			"requires": {
-				"hash.js": "^1.0.3",
-				"minimalistic-assert": "^1.0.0",
-				"minimalistic-crypto-utils": "^1.0.1"
-			}
-		},
-		"html-encoding-sniffer": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-			"integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
-			"dev": true,
-			"requires": {
-				"whatwg-encoding": "^3.1.1"
-			}
-		},
-		"html-escaper": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-			"integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-			"dev": true
-		},
-		"http-proxy-agent": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.0.tgz",
-			"integrity": "sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==",
-			"dev": true,
-			"requires": {
-				"agent-base": "^7.1.0",
-				"debug": "^4.3.4"
-			}
-		},
-		"https-browserify": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-			"integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
-			"dev": true
-		},
-		"https-proxy-agent": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
-			"integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
-			"dev": true,
-			"requires": {
-				"agent-base": "^7.0.2",
-				"debug": "4"
-			}
-		},
-		"iconv-lite": {
-			"version": "0.6.3",
-			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-			"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-			"dev": true,
-			"requires": {
-				"safer-buffer": ">= 2.1.2 < 3.0.0"
-			}
-		},
-		"ieee754": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-			"dev": true
-		},
-		"ignore": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-			"integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
-			"dev": true
-		},
-		"import-fresh": {
-			"version": "3.3.0",
-			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-			"integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-			"dev": true,
-			"requires": {
-				"parent-module": "^1.0.0",
-				"resolve-from": "^4.0.0"
-			}
-		},
-		"imurmurhash": {
-			"version": "0.1.4",
-			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-			"dev": true
-		},
-		"indent-string": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-			"integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-			"dev": true
-		},
-		"inflight": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-			"integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-			"dev": true,
-			"requires": {
-				"once": "^1.3.0",
-				"wrappy": "1"
-			}
-		},
-		"inherits": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
-		},
-		"internal-slot": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-			"integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
-			"dev": true,
-			"requires": {
-				"get-intrinsic": "^1.2.2",
-				"hasown": "^2.0.0",
-				"side-channel": "^1.0.4"
-			}
-		},
-		"is-arguments": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-			"integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-array-buffer": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-			"integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.0",
-				"is-typed-array": "^1.1.10"
-			}
-		},
-		"is-bigint": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-			"dev": true,
-			"requires": {
-				"has-bigints": "^1.0.1"
-			}
-		},
-		"is-binary-path": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
-			"requires": {
-				"binary-extensions": "^2.0.0"
-			}
-		},
-		"is-boolean-object": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-callable": {
-			"version": "1.2.7",
-			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-			"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-			"dev": true
-		},
-		"is-core-module": {
-			"version": "2.13.1",
-			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-			"integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-			"dev": true,
-			"requires": {
-				"hasown": "^2.0.0"
-			}
-		},
-		"is-date-object": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-			"dev": true,
-			"requires": {
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-extglob": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true
-		},
-		"is-fullwidth-code-point": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
-		},
-		"is-generator-function": {
-			"version": "1.0.10",
-			"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-			"integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-			"dev": true,
-			"requires": {
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-glob": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
-			"requires": {
-				"is-extglob": "^2.1.1"
-			}
-		},
-		"is-map": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-			"integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-			"dev": true
-		},
-		"is-nan": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
-			"integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.0",
-				"define-properties": "^1.1.3"
-			}
-		},
-		"is-negative-zero": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-			"integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-			"dev": true,
-			"peer": true
-		},
-		"is-number": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true
-		},
-		"is-number-object": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-			"integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-			"dev": true,
-			"requires": {
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-path-inside": {
-			"version": "3.0.3",
-			"resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-			"integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-			"dev": true
-		},
-		"is-potential-custom-element-name": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-			"integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-			"dev": true
-		},
-		"is-reference": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
-			"integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
-			"requires": {
-				"@types/estree": "*"
-			}
-		},
-		"is-regex": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-set": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-			"integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-			"dev": true
-		},
-		"is-shared-array-buffer": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-			"integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2"
-			}
-		},
-		"is-string": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-			"dev": true,
-			"requires": {
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"is-symbol": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-			"integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-			"dev": true,
-			"requires": {
-				"has-symbols": "^1.0.2"
-			}
-		},
-		"is-typed-array": {
-			"version": "1.1.12",
-			"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-			"integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-			"dev": true,
-			"requires": {
-				"which-typed-array": "^1.1.11"
-			}
-		},
-		"is-weakmap": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-			"integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-			"dev": true
-		},
-		"is-weakref": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-			"integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2"
-			}
-		},
-		"is-weakset": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-			"integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.1"
-			}
-		},
-		"isarray": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-			"integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-			"dev": true
-		},
-		"isexe": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-			"dev": true
-		},
-		"isomorphic-timers-promises": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz",
-			"integrity": "sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==",
-			"dev": true
-		},
-		"istanbul-lib-coverage": {
-			"version": "3.2.2",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-			"integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-			"dev": true
-		},
-		"istanbul-lib-report": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-			"integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-			"dev": true,
-			"requires": {
-				"istanbul-lib-coverage": "^3.0.0",
-				"make-dir": "^4.0.0",
-				"supports-color": "^7.1.0"
-			}
-		},
-		"istanbul-lib-source-maps": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-			"integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-			"dev": true,
-			"requires": {
-				"debug": "^4.1.1",
-				"istanbul-lib-coverage": "^3.0.0",
-				"source-map": "^0.6.1"
-			}
-		},
-		"istanbul-reports": {
-			"version": "3.1.6",
-			"resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz",
-			"integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==",
-			"dev": true,
-			"requires": {
-				"html-escaper": "^2.0.0",
-				"istanbul-lib-report": "^3.0.0"
-			}
-		},
-		"js-tokens": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-			"dev": true
-		},
-		"js-yaml": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-			"dev": true,
-			"requires": {
-				"argparse": "^2.0.1"
-			}
-		},
-		"jsdom": {
-			"version": "23.0.0",
-			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-23.0.0.tgz",
-			"integrity": "sha512-cbL/UCtohJguhFC7c2/hgW6BeZCNvP7URQGnx9tSJRYKCdnfbfWOrtuLTMfiB2VxKsx5wPHVsh/J0aBy9lIIhQ==",
-			"dev": true,
-			"requires": {
-				"cssstyle": "^3.0.0",
-				"data-urls": "^5.0.0",
-				"decimal.js": "^10.4.3",
-				"form-data": "^4.0.0",
-				"html-encoding-sniffer": "^4.0.0",
-				"http-proxy-agent": "^7.0.0",
-				"https-proxy-agent": "^7.0.2",
-				"is-potential-custom-element-name": "^1.0.1",
-				"nwsapi": "^2.2.7",
-				"parse5": "^7.1.2",
-				"rrweb-cssom": "^0.6.0",
-				"saxes": "^6.0.0",
-				"symbol-tree": "^3.2.4",
-				"tough-cookie": "^4.1.3",
-				"w3c-xmlserializer": "^5.0.0",
-				"webidl-conversions": "^7.0.0",
-				"whatwg-encoding": "^3.1.1",
-				"whatwg-mimetype": "^4.0.0",
-				"whatwg-url": "^14.0.0",
-				"ws": "^8.14.2",
-				"xml-name-validator": "^5.0.0"
-			}
-		},
-		"jsdom-worker": {
-			"version": "0.3.0",
-			"resolved": "https://registry.npmjs.org/jsdom-worker/-/jsdom-worker-0.3.0.tgz",
-			"integrity": "sha512-nlPmN0i93+e6vxzov8xqLMR+MBs/TAYeSviehivzqovHH0AgooVx9pQ/otrygASppPvdR+V9Jqx5SMe8+FcADg==",
-			"dev": true,
-			"requires": {
-				"mitt": "^3.0.0",
-				"uuid-v4": "^0.1.0"
-			}
-		},
-		"json-buffer": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-			"dev": true
-		},
-		"json-schema-traverse": {
-			"version": "0.4.1",
-			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-			"dev": true
-		},
-		"json-stable-stringify-without-jsonify": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-			"dev": true
-		},
-		"json5": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-			"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"minimist": "^1.2.0"
-			}
-		},
-		"jsonc-parser": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-			"integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-			"dev": true
-		},
-		"keyv": {
-			"version": "4.5.4",
-			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-			"dev": true,
-			"requires": {
-				"json-buffer": "3.0.1"
-			}
-		},
-		"kleur": {
-			"version": "4.1.5",
-			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-			"dev": true
-		},
-		"known-css-properties": {
-			"version": "0.29.0",
-			"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz",
-			"integrity": "sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==",
-			"dev": true
-		},
-		"lamb": {
-			"version": "0.61.1",
-			"resolved": "https://registry.npmjs.org/lamb/-/lamb-0.61.1.tgz",
-			"integrity": "sha512-KnJe/9ezIxQjeK5idtlffn9PlA2y4BNW0FslBZK20+EuMmvePfNL4qO2ZGdP187Vd3yWgrEnrBsfMal/Ggzowg=="
-		},
-		"levn": {
-			"version": "0.4.1",
-			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-			"dev": true,
-			"requires": {
-				"prelude-ls": "^1.2.1",
-				"type-check": "~0.4.0"
-			}
-		},
-		"lilconfig": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-			"integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-			"dev": true
-		},
-		"local-pkg": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
-			"integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
-			"dev": true
-		},
-		"locate-character": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
-			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
-		},
-		"locate-path": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-			"dev": true,
-			"requires": {
-				"p-locate": "^5.0.0"
-			}
-		},
-		"lodash": {
-			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-			"dev": true
-		},
-		"lodash.merge": {
-			"version": "4.6.2",
-			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-			"dev": true
-		},
-		"loupe": {
-			"version": "2.3.7",
-			"resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.7.tgz",
-			"integrity": "sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==",
-			"dev": true,
-			"requires": {
-				"get-func-name": "^2.0.1"
-			}
-		},
-		"lru-cache": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-			"dev": true,
-			"requires": {
-				"yallist": "^4.0.0"
-			}
-		},
-		"lz-string": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-			"integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-			"dev": true
-		},
-		"magic-string": {
-			"version": "0.30.5",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
-			"integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
-			"requires": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			}
-		},
-		"make-dir": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-			"integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-			"dev": true,
-			"requires": {
-				"semver": "^7.5.3"
-			},
-			"dependencies": {
-				"semver": {
-					"version": "7.5.4",
-					"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-					"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-					"dev": true,
-					"requires": {
-						"lru-cache": "^6.0.0"
-					}
-				}
-			}
-		},
-		"md5.js": {
-			"version": "1.3.5",
-			"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-			"integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-			"dev": true,
-			"requires": {
-				"hash-base": "^3.0.0",
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			}
-		},
-		"mdn-data": {
-			"version": "2.0.30",
-			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
-		},
-		"merge2": {
-			"version": "1.4.1",
-			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true
-		},
-		"micromatch": {
-			"version": "4.0.5",
-			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-			"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
-			"requires": {
-				"braces": "^3.0.2",
-				"picomatch": "^2.3.1"
-			}
-		},
-		"miller-rabin": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
-			"integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.0.0",
-				"brorand": "^1.0.1"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"mime-db": {
-			"version": "1.52.0",
-			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-			"dev": true
-		},
-		"mime-types": {
-			"version": "2.1.35",
-			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-			"dev": true,
-			"requires": {
-				"mime-db": "1.52.0"
-			}
-		},
-		"min-indent": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-			"integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-			"dev": true
-		},
-		"minimalistic-assert": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-			"dev": true
-		},
-		"minimalistic-crypto-utils": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
-			"dev": true
-		},
-		"minimatch": {
-			"version": "3.1.2",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-			"dev": true,
-			"requires": {
-				"brace-expansion": "^1.1.7"
-			}
-		},
-		"minimist": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-			"dev": true
-		},
-		"mitt": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-			"integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-			"dev": true
-		},
-		"mkdirp": {
-			"version": "0.5.6",
-			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-			"integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-			"dev": true,
-			"requires": {
-				"minimist": "^1.2.6"
-			}
-		},
-		"mlly": {
-			"version": "1.4.2",
-			"resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.2.tgz",
-			"integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
-			"dev": true,
-			"requires": {
-				"acorn": "^8.10.0",
-				"pathe": "^1.1.1",
-				"pkg-types": "^1.0.3",
-				"ufo": "^1.3.0"
-			}
-		},
-		"modern-node-polyfills": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/modern-node-polyfills/-/modern-node-polyfills-1.0.0.tgz",
-			"integrity": "sha512-w1yb6ae5qSUJJ2u41krkUAxs+L7i9143Qam8EuXwDMeZHxl1JN8RfTSXG4S2bt0RHIRMeoWm/HCeO0pNIHmIYQ==",
-			"dev": true,
-			"requires": {
-				"@jspm/core": "^2.0.1",
-				"@rollup/pluginutils": "^5.0.2",
-				"local-pkg": "^0.4.3"
-			}
-		},
-		"mri": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
-			"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-			"dev": true
-		},
-		"mrmime": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
-			"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
-			"dev": true
-		},
-		"ms": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-			"dev": true
-		},
-		"nanoid": {
-			"version": "3.3.7",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-			"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-			"dev": true
-		},
-		"natural-compare": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-			"dev": true
-		},
-		"node-domexception": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
-			"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
-			"dev": true,
-			"peer": true
-		},
-		"node-fetch": {
-			"version": "3.3.2",
-			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
-			"integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"data-uri-to-buffer": "^4.0.0",
-				"fetch-blob": "^3.1.4",
-				"formdata-polyfill": "^4.0.10"
-			}
-		},
-		"node-releases": {
-			"version": "2.0.13",
-			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-			"integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
-			"dev": true
-		},
-		"node-stdlib-browser": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/node-stdlib-browser/-/node-stdlib-browser-1.2.0.tgz",
-			"integrity": "sha512-VSjFxUhRhkyed8AtLwSCkMrJRfQ3e2lGtG3sP6FEgaLKBBbxM/dLfjRe1+iLhjvyLFW3tBQ8+c0pcOtXGbAZJg==",
-			"dev": true,
-			"requires": {
-				"assert": "^2.0.0",
-				"browser-resolve": "^2.0.0",
-				"browserify-zlib": "^0.2.0",
-				"buffer": "^5.7.1",
-				"console-browserify": "^1.1.0",
-				"constants-browserify": "^1.0.0",
-				"create-require": "^1.1.1",
-				"crypto-browserify": "^3.11.0",
-				"domain-browser": "^4.22.0",
-				"events": "^3.0.0",
-				"https-browserify": "^1.0.0",
-				"isomorphic-timers-promises": "^1.0.1",
-				"os-browserify": "^0.3.0",
-				"path-browserify": "^1.0.1",
-				"pkg-dir": "^5.0.0",
-				"process": "^0.11.10",
-				"punycode": "^1.4.1",
-				"querystring-es3": "^0.2.1",
-				"readable-stream": "^3.6.0",
-				"stream-browserify": "^3.0.0",
-				"stream-http": "^3.2.0",
-				"string_decoder": "^1.0.0",
-				"timers-browserify": "^2.0.4",
-				"tty-browserify": "0.0.1",
-				"url": "^0.11.0",
-				"util": "^0.12.4",
-				"vm-browserify": "^1.0.1"
-			},
-			"dependencies": {
-				"punycode": {
-					"version": "1.4.1",
-					"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-					"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-					"dev": true
-				}
-			}
-		},
-		"normalize-path": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true
-		},
-		"normalize-range": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-			"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-			"dev": true
-		},
-		"nwsapi": {
-			"version": "2.2.7",
-			"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
-			"integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
-			"dev": true
-		},
-		"object-inspect": {
-			"version": "1.13.1",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-			"integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-			"dev": true
-		},
-		"object-is": {
-			"version": "1.1.5",
-			"resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-			"integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.1.3"
-			}
-		},
-		"object-keys": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-			"dev": true
-		},
-		"object.assign": {
-			"version": "4.1.4",
-			"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-			"integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.1.4",
-				"has-symbols": "^1.0.3",
-				"object-keys": "^1.1.1"
-			}
-		},
-		"object.fromentries": {
-			"version": "2.0.7",
-			"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-			"integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			}
-		},
-		"object.groupby": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-			"integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1",
-				"get-intrinsic": "^1.2.1"
-			}
-		},
-		"object.values": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-			"integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			}
-		},
-		"once": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-			"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-			"dev": true,
-			"requires": {
-				"wrappy": "1"
-			}
-		},
-		"optionator": {
-			"version": "0.9.3",
-			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-			"integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-			"dev": true,
-			"requires": {
-				"@aashutoshrathi/word-wrap": "^1.2.3",
-				"deep-is": "^0.1.3",
-				"fast-levenshtein": "^2.0.6",
-				"levn": "^0.4.1",
-				"prelude-ls": "^1.2.1",
-				"type-check": "^0.4.0"
-			}
-		},
-		"os-browserify": {
-			"version": "0.3.0",
-			"resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
-			"integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
-			"dev": true
-		},
-		"p-limit": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-			"dev": true,
-			"requires": {
-				"yocto-queue": "^0.1.0"
-			}
-		},
-		"p-locate": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-			"dev": true,
-			"requires": {
-				"p-limit": "^3.0.2"
-			}
-		},
-		"p-try": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-			"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
-		},
-		"pako": {
-			"version": "1.0.11",
-			"resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-			"integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-			"dev": true
-		},
-		"parent-module": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-			"dev": true,
-			"requires": {
-				"callsites": "^3.0.0"
-			}
-		},
-		"parse-asn1": {
-			"version": "5.1.6",
-			"resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
-			"integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-			"dev": true,
-			"requires": {
-				"asn1.js": "^5.2.0",
-				"browserify-aes": "^1.0.0",
-				"evp_bytestokey": "^1.0.0",
-				"pbkdf2": "^3.0.3",
-				"safe-buffer": "^5.1.1"
-			}
-		},
-		"parse5": {
-			"version": "7.1.2",
-			"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-			"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-			"dev": true,
-			"requires": {
-				"entities": "^4.4.0"
-			}
-		},
-		"path-browserify": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-			"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-			"dev": true
-		},
-		"path-exists": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
-		},
-		"path-is-absolute": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-			"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-			"dev": true
-		},
-		"path-key": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-			"dev": true
-		},
-		"path-parse": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-			"dev": true
-		},
-		"pathe": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
-			"integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
-			"dev": true
-		},
-		"pathval": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
-			"integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
-			"dev": true
-		},
-		"pbkdf2": {
-			"version": "3.1.2",
-			"resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
-			"integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-			"dev": true,
-			"requires": {
-				"create-hash": "^1.1.2",
-				"create-hmac": "^1.1.4",
-				"ripemd160": "^2.0.1",
-				"safe-buffer": "^5.0.1",
-				"sha.js": "^2.4.8"
-			}
-		},
-		"periscopic": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
-			"integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
-			"requires": {
-				"@types/estree": "^1.0.0",
-				"estree-walker": "^3.0.0",
-				"is-reference": "^3.0.0"
-			}
-		},
-		"picocolors": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-			"dev": true
-		},
-		"picomatch": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-			"dev": true
-		},
-		"pkg-dir": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
-			"integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
-			"dev": true,
-			"requires": {
-				"find-up": "^5.0.0"
-			}
-		},
-		"pkg-types": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
-			"integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
-			"dev": true,
-			"requires": {
-				"jsonc-parser": "^3.2.0",
-				"mlly": "^1.2.0",
-				"pathe": "^1.1.0"
-			}
-		},
-		"pngjs": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
-			"integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
-		},
-		"postcss": {
-			"version": "8.4.31",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-			"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-			"dev": true,
-			"requires": {
-				"nanoid": "^3.3.6",
-				"picocolors": "^1.0.0",
-				"source-map-js": "^1.0.2"
-			}
-		},
-		"postcss-load-config": {
-			"version": "3.1.4",
-			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
-			"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-			"dev": true,
-			"requires": {
-				"lilconfig": "^2.0.5",
-				"yaml": "^1.10.2"
-			}
-		},
-		"postcss-nested": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-			"integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-			"dev": true,
-			"requires": {
-				"postcss-selector-parser": "^6.0.11"
-			}
-		},
-		"postcss-safe-parser": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-			"integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-			"dev": true,
-			"requires": {}
-		},
-		"postcss-scss": {
-			"version": "4.0.9",
-			"resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
-			"integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
-			"dev": true,
-			"requires": {}
-		},
-		"postcss-selector-parser": {
-			"version": "6.0.13",
-			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
-			"integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-			"dev": true,
-			"requires": {
-				"cssesc": "^3.0.0",
-				"util-deprecate": "^1.0.2"
-			}
-		},
-		"postcss-value-parser": {
-			"version": "4.2.0",
-			"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-			"dev": true
-		},
-		"prelude-ls": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-			"dev": true
-		},
-		"pretty-format": {
-			"version": "27.5.1",
-			"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-			"integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-			"dev": true,
-			"requires": {
-				"ansi-regex": "^5.0.1",
-				"ansi-styles": "^5.0.0",
-				"react-is": "^17.0.1"
-			},
-			"dependencies": {
-				"ansi-styles": {
-					"version": "5.2.0",
-					"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-					"integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-					"dev": true
-				}
-			}
-		},
-		"process": {
-			"version": "0.11.10",
-			"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-			"integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-			"dev": true
-		},
-		"psl": {
-			"version": "1.9.0",
-			"resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-			"integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-			"dev": true
-		},
-		"public-encrypt": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
-			"integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-			"dev": true,
-			"requires": {
-				"bn.js": "^4.1.0",
-				"browserify-rsa": "^4.0.0",
-				"create-hash": "^1.1.0",
-				"parse-asn1": "^5.0.0",
-				"randombytes": "^2.0.1",
-				"safe-buffer": "^5.1.2"
-			},
-			"dependencies": {
-				"bn.js": {
-					"version": "4.12.0",
-					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true
-				}
-			}
-		},
-		"punycode": {
-			"version": "2.3.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-			"dev": true
-		},
-		"qr-scanner": {
-			"version": "1.4.2",
-			"resolved": "https://registry.npmjs.org/qr-scanner/-/qr-scanner-1.4.2.tgz",
-			"integrity": "sha512-kV1yQUe2FENvn59tMZW6mOVfpq9mGxGf8l6+EGaXUOd4RBOLg7tRC83OrirM5AtDvZRpdjdlXURsHreAOSPOUw==",
-			"requires": {
-				"@types/offscreencanvas": "^2019.6.4"
-			}
-		},
-		"qrcode": {
-			"version": "1.5.3",
-			"resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
-			"integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
-			"requires": {
-				"dijkstrajs": "^1.0.1",
-				"encode-utf8": "^1.0.3",
-				"pngjs": "^5.0.0",
-				"yargs": "^15.3.1"
-			}
-		},
-		"qs": {
-			"version": "6.11.2",
-			"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
-			"integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
-			"dev": true,
-			"requires": {
-				"side-channel": "^1.0.4"
-			}
-		},
-		"querystring-es3": {
-			"version": "0.2.1",
-			"resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
-			"integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
-			"dev": true
-		},
-		"querystringify": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-			"integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-			"dev": true
-		},
-		"queue-microtask": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true
-		},
-		"randombytes": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-			"dev": true,
-			"requires": {
-				"safe-buffer": "^5.1.0"
-			}
-		},
-		"randomfill": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
-			"integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-			"dev": true,
-			"requires": {
-				"randombytes": "^2.0.5",
-				"safe-buffer": "^5.1.0"
-			}
-		},
-		"react-is": {
-			"version": "17.0.2",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-			"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-			"dev": true
-		},
-		"readable-stream": {
-			"version": "3.6.2",
-			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-			"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.3",
-				"string_decoder": "^1.1.1",
-				"util-deprecate": "^1.0.1"
-			}
-		},
-		"readdirp": {
-			"version": "3.6.0",
-			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-			"dev": true,
-			"requires": {
-				"picomatch": "^2.2.1"
-			}
-		},
-		"redent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-			"integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-			"dev": true,
-			"requires": {
-				"indent-string": "^4.0.0",
-				"strip-indent": "^3.0.0"
-			}
-		},
-		"regenerator-runtime": {
-			"version": "0.14.0",
-			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-			"integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
-			"dev": true
-		},
-		"regexp.prototype.flags": {
-			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-			"integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"set-function-name": "^2.0.0"
-			}
-		},
-		"require-directory": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
-		},
-		"require-main-filename": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-			"integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
-		},
-		"requires-port": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-			"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-			"dev": true
-		},
-		"resolve": {
-			"version": "1.22.8",
-			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-			"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-			"dev": true,
-			"requires": {
-				"is-core-module": "^2.13.0",
-				"path-parse": "^1.0.7",
-				"supports-preserve-symlinks-flag": "^1.0.0"
-			}
-		},
-		"resolve-from": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-			"dev": true
-		},
-		"reusify": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true
-		},
-		"rimraf": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-			"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-			"dev": true,
-			"requires": {
-				"glob": "^7.1.3"
-			}
-		},
-		"ripemd160": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-			"integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-			"dev": true,
-			"requires": {
-				"hash-base": "^3.0.0",
-				"inherits": "^2.0.1"
-			}
-		},
-		"rollup": {
-			"version": "3.29.4",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-			"integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
-			"dev": true,
-			"requires": {
-				"fsevents": "~2.3.2"
-			}
-		},
-		"rrweb-cssom": {
-			"version": "0.6.0",
-			"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
-			"integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
-			"dev": true
-		},
-		"run-parallel": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
-			"requires": {
-				"queue-microtask": "^1.2.2"
-			}
-		},
-		"sade": {
-			"version": "1.8.1",
-			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
-			"integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
-			"dev": true,
-			"requires": {
-				"mri": "^1.1.0"
-			}
-		},
-		"safe-array-concat": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-			"integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.1",
-				"has-symbols": "^1.0.3",
-				"isarray": "^2.0.5"
-			}
-		},
-		"safe-buffer": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true
-		},
-		"safe-regex-test": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-			"integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.1.3",
-				"is-regex": "^1.1.4"
-			}
-		},
-		"safer-buffer": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-			"dev": true
-		},
-		"sander": {
-			"version": "0.5.1",
-			"resolved": "https://registry.npmjs.org/sander/-/sander-0.5.1.tgz",
-			"integrity": "sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==",
-			"dev": true,
-			"requires": {
-				"es6-promise": "^3.1.2",
-				"graceful-fs": "^4.1.3",
-				"mkdirp": "^0.5.1",
-				"rimraf": "^2.5.2"
-			},
-			"dependencies": {
-				"rimraf": {
-					"version": "2.7.1",
-					"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-					"integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-					"dev": true,
-					"requires": {
-						"glob": "^7.1.3"
-					}
-				}
-			}
-		},
-		"saxes": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-			"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-			"dev": true,
-			"requires": {
-				"xmlchars": "^2.2.0"
-			}
-		},
-		"semver": {
-			"version": "6.3.1",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-			"dev": true,
-			"peer": true
-		},
-		"set-blocking": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-			"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
-		},
-		"set-cookie-parser": {
-			"version": "2.6.0",
-			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
-			"integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
-			"dev": true
-		},
-		"set-function-length": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-			"integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-			"dev": true,
-			"requires": {
-				"define-data-property": "^1.1.1",
-				"get-intrinsic": "^1.2.1",
-				"gopd": "^1.0.1",
-				"has-property-descriptors": "^1.0.0"
-			}
-		},
-		"set-function-name": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-			"integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-			"dev": true,
-			"requires": {
-				"define-data-property": "^1.0.1",
-				"functions-have-names": "^1.2.3",
-				"has-property-descriptors": "^1.0.0"
-			}
-		},
-		"setimmediate": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-			"integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
-			"dev": true
-		},
-		"sha.js": {
-			"version": "2.4.11",
-			"resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
-			"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.1",
-				"safe-buffer": "^5.0.1"
-			}
-		},
-		"shebang-command": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-			"dev": true,
-			"requires": {
-				"shebang-regex": "^3.0.0"
-			}
-		},
-		"shebang-regex": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-			"dev": true
-		},
-		"side-channel": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
-			"requires": {
-				"call-bind": "^1.0.0",
-				"get-intrinsic": "^1.0.2",
-				"object-inspect": "^1.9.0"
-			}
-		},
-		"siginfo": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-			"dev": true
-		},
-		"sirv": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
-			"integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
-			"dev": true,
-			"requires": {
-				"@polka/url": "^1.0.0-next.20",
-				"mrmime": "^1.0.0",
-				"totalist": "^3.0.0"
-			}
-		},
-		"sorcery": {
-			"version": "0.11.0",
-			"resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.11.0.tgz",
-			"integrity": "sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==",
-			"dev": true,
-			"requires": {
-				"@jridgewell/sourcemap-codec": "^1.4.14",
-				"buffer-crc32": "^0.2.5",
-				"minimist": "^1.2.0",
-				"sander": "^0.5.0"
-			}
-		},
-		"source-map": {
-			"version": "0.6.1",
-			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-			"dev": true
-		},
-		"source-map-js": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-			"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
-		},
-		"stackback": {
-			"version": "0.0.2",
-			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-			"integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-			"dev": true
-		},
-		"std-env": {
-			"version": "3.5.0",
-			"resolved": "https://registry.npmjs.org/std-env/-/std-env-3.5.0.tgz",
-			"integrity": "sha512-JGUEaALvL0Mf6JCfYnJOTcobY+Nc7sG/TemDRBqCA0wEr4DER7zDchaaixTlmOxAjG1uRJmX82EQcxwTQTkqVA==",
-			"dev": true
-		},
-		"stop-iteration-iterator": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-			"integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-			"dev": true,
-			"requires": {
-				"internal-slot": "^1.0.4"
-			}
-		},
-		"stream-browserify": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
-			"integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
-			"dev": true,
-			"requires": {
-				"inherits": "~2.0.4",
-				"readable-stream": "^3.5.0"
-			}
-		},
-		"stream-http": {
-			"version": "3.2.0",
-			"resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz",
-			"integrity": "sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==",
-			"dev": true,
-			"requires": {
-				"builtin-status-codes": "^3.0.0",
-				"inherits": "^2.0.4",
-				"readable-stream": "^3.6.0",
-				"xtend": "^4.0.2"
-			}
-		},
-		"string_decoder": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-			"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-			"dev": true,
-			"requires": {
-				"safe-buffer": "~5.2.0"
-			}
-		},
-		"string-width": {
-			"version": "4.2.3",
-			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-			"requires": {
-				"emoji-regex": "^8.0.0",
-				"is-fullwidth-code-point": "^3.0.0",
-				"strip-ansi": "^6.0.1"
-			}
-		},
-		"string.prototype.trim": {
-			"version": "1.2.8",
-			"resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-			"integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			}
-		},
-		"string.prototype.trimend": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-			"integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			}
-		},
-		"string.prototype.trimstart": {
-			"version": "1.0.7",
-			"resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-			"integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"define-properties": "^1.2.0",
-				"es-abstract": "^1.22.1"
-			}
-		},
-		"strip-ansi": {
-			"version": "6.0.1",
-			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"requires": {
-				"ansi-regex": "^5.0.1"
-			}
-		},
-		"strip-bom": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-			"integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-			"dev": true,
-			"peer": true
-		},
-		"strip-indent": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-			"integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-			"dev": true,
-			"requires": {
-				"min-indent": "^1.0.0"
-			}
-		},
-		"strip-json-comments": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-			"dev": true
-		},
-		"strip-literal": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz",
-			"integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
-			"dev": true,
-			"requires": {
-				"acorn": "^8.10.0"
-			}
-		},
-		"supports-color": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-			"dev": true,
-			"requires": {
-				"has-flag": "^4.0.0"
-			}
-		},
-		"supports-preserve-symlinks-flag": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-			"dev": true
-		},
-		"svelte": {
-			"version": "4.2.7",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.7.tgz",
-			"integrity": "sha512-UExR1KS7raTdycsUrKLtStayu4hpdV3VZQgM0akX8XbXgLBlosdE/Sf3crOgyh9xIjqSYB3UEBuUlIQKRQX2hg==",
-			"requires": {
-				"@ampproject/remapping": "^2.2.1",
-				"@jridgewell/sourcemap-codec": "^1.4.15",
-				"@jridgewell/trace-mapping": "^0.3.18",
-				"acorn": "^8.9.0",
-				"aria-query": "^5.3.0",
-				"axobject-query": "^3.2.1",
-				"code-red": "^1.0.3",
-				"css-tree": "^2.3.1",
-				"estree-walker": "^3.0.3",
-				"is-reference": "^3.0.1",
-				"locate-character": "^3.0.0",
-				"magic-string": "^0.30.4",
-				"periscopic": "^3.1.0"
-			}
-		},
-		"svelte-check": {
-			"version": "3.6.2",
-			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.6.2.tgz",
-			"integrity": "sha512-E6iFh4aUCGJLRz6QZXH3gcN/VFfkzwtruWSRmlKrLWQTiO6VzLsivR6q02WYLGNAGecV3EocqZuCDrC2uttZ0g==",
-			"dev": true,
-			"requires": {
-				"@jridgewell/trace-mapping": "^0.3.17",
-				"chokidar": "^3.4.1",
-				"fast-glob": "^3.2.7",
-				"import-fresh": "^3.2.1",
-				"picocolors": "^1.0.0",
-				"sade": "^1.7.4",
-				"svelte-preprocess": "^5.1.0",
-				"typescript": "^5.0.3"
-			}
-		},
-		"svelte-eslint-parser": {
-			"version": "0.33.1",
-			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz",
-			"integrity": "sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==",
-			"dev": true,
-			"requires": {
-				"eslint-scope": "^7.0.0",
-				"eslint-visitor-keys": "^3.0.0",
-				"espree": "^9.0.0",
-				"postcss": "^8.4.29",
-				"postcss-scss": "^4.0.8"
-			}
-		},
-		"svelte-hmr": {
-			"version": "0.15.3",
-			"resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz",
-			"integrity": "sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==",
-			"dev": true,
-			"requires": {}
-		},
-		"svelte-persisted-store": {
-			"version": "0.7.0",
-			"resolved": "https://registry.npmjs.org/svelte-persisted-store/-/svelte-persisted-store-0.7.0.tgz",
-			"integrity": "sha512-PczYS60ysScQ0DmTCPXQm5rwt8FfQzSlx0lCbljbE6hTCKqXaw2bP8KH1+B7QTPmuiy/QbAk4pjYpNCmZhjyRw==",
-			"requires": {}
-		},
-		"svelte-preprocess": {
-			"version": "5.1.1",
-			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.1.tgz",
-			"integrity": "sha512-p/Dp4hmrBW5mrCCq29lEMFpIJT2FZsRlouxEc5qpbOmXRbaFs7clLs8oKPwD3xCFyZfv1bIhvOzpQkhMEVQdMw==",
-			"dev": true,
-			"requires": {
-				"@types/pug": "^2.0.6",
-				"detect-indent": "^6.1.0",
-				"magic-string": "^0.27.0",
-				"sorcery": "^0.11.0",
-				"strip-indent": "^3.0.0"
-			},
-			"dependencies": {
-				"magic-string": {
-					"version": "0.27.0",
-					"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-					"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
-					"dev": true,
-					"requires": {
-						"@jridgewell/sourcemap-codec": "^1.4.13"
-					}
-				}
-			}
-		},
-		"symbol-tree": {
-			"version": "3.2.4",
-			"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-			"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-			"dev": true
-		},
-		"test-exclude": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-			"integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-			"dev": true,
-			"requires": {
-				"@istanbuljs/schema": "^0.1.2",
-				"glob": "^7.1.4",
-				"minimatch": "^3.0.4"
-			}
-		},
-		"text-table": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-			"integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-			"dev": true
-		},
-		"timers-browserify": {
-			"version": "2.0.12",
-			"resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
-			"integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
-			"dev": true,
-			"requires": {
-				"setimmediate": "^1.0.4"
-			}
-		},
-		"tiny-glob": {
-			"version": "0.2.9",
-			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
-			"integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
-			"dev": true,
-			"requires": {
-				"globalyzer": "0.1.0",
-				"globrex": "^0.1.2"
-			}
-		},
-		"tinybench": {
-			"version": "2.5.1",
-			"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.1.tgz",
-			"integrity": "sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==",
-			"dev": true
-		},
-		"tinypool": {
-			"version": "0.7.0",
-			"resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.7.0.tgz",
-			"integrity": "sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==",
-			"dev": true
-		},
-		"tinyspy": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.0.tgz",
-			"integrity": "sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==",
-			"dev": true
-		},
-		"to-regex-range": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
-			"requires": {
-				"is-number": "^7.0.0"
-			}
-		},
-		"totalist": {
-			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-			"dev": true
-		},
-		"tough-cookie": {
-			"version": "4.1.3",
-			"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-			"integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
-			"dev": true,
-			"requires": {
-				"psl": "^1.1.33",
-				"punycode": "^2.1.1",
-				"universalify": "^0.2.0",
-				"url-parse": "^1.5.3"
-			}
-		},
-		"tr46": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
-			"integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
-			"dev": true,
-			"requires": {
-				"punycode": "^2.3.1"
-			}
-		},
-		"tsconfck": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-2.1.2.tgz",
-			"integrity": "sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==",
-			"dev": true,
-			"requires": {}
-		},
-		"tsconfig-paths": {
-			"version": "3.14.2",
-			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-			"integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"@types/json5": "^0.0.29",
-				"json5": "^1.0.2",
-				"minimist": "^1.2.6",
-				"strip-bom": "^3.0.0"
-			}
-		},
-		"tty-browserify": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
-			"integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
-			"dev": true
-		},
-		"type-check": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-			"dev": true,
-			"requires": {
-				"prelude-ls": "^1.2.1"
-			}
-		},
-		"type-detect": {
-			"version": "4.0.8",
-			"resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-			"integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-			"dev": true
-		},
-		"type-fest": {
-			"version": "0.20.2",
-			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-			"integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-			"dev": true
-		},
-		"typed-array-buffer": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-			"integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"get-intrinsic": "^1.2.1",
-				"is-typed-array": "^1.1.10"
-			}
-		},
-		"typed-array-byte-length": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-			"integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"has-proto": "^1.0.1",
-				"is-typed-array": "^1.1.10"
-			}
-		},
-		"typed-array-byte-offset": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-			"integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"has-proto": "^1.0.1",
-				"is-typed-array": "^1.1.10"
-			}
-		},
-		"typed-array-length": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-			"integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"for-each": "^0.3.3",
-				"is-typed-array": "^1.1.9"
-			}
-		},
-		"typescript": {
-			"version": "5.3.2",
-			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
-			"integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
-			"dev": true
-		},
-		"ufo": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.2.tgz",
-			"integrity": "sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==",
-			"dev": true
-		},
-		"unbox-primitive": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-			"integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-			"dev": true,
-			"peer": true,
-			"requires": {
-				"call-bind": "^1.0.2",
-				"has-bigints": "^1.0.2",
-				"has-symbols": "^1.0.3",
-				"which-boxed-primitive": "^1.0.2"
-			}
-		},
-		"undici": {
-			"version": "5.26.5",
-			"resolved": "https://registry.npmjs.org/undici/-/undici-5.26.5.tgz",
-			"integrity": "sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==",
-			"dev": true,
-			"requires": {
-				"@fastify/busboy": "^2.0.0"
-			}
-		},
-		"undici-types": {
-			"version": "5.26.5",
-			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-			"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-			"dev": true
-		},
-		"universalify": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-			"integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-			"dev": true
-		},
-		"update-browserslist-db": {
-			"version": "1.0.13",
-			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-			"integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-			"dev": true,
-			"requires": {
-				"escalade": "^3.1.1",
-				"picocolors": "^1.0.0"
-			}
-		},
-		"uri-js": {
-			"version": "4.4.1",
-			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-			"dev": true,
-			"requires": {
-				"punycode": "^2.1.0"
-			}
-		},
-		"url": {
-			"version": "0.11.3",
-			"resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
-			"integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
-			"dev": true,
-			"requires": {
-				"punycode": "^1.4.1",
-				"qs": "^6.11.2"
-			},
-			"dependencies": {
-				"punycode": {
-					"version": "1.4.1",
-					"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-					"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-					"dev": true
-				}
-			}
-		},
-		"url-parse": {
-			"version": "1.5.10",
-			"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-			"integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-			"dev": true,
-			"requires": {
-				"querystringify": "^2.1.1",
-				"requires-port": "^1.0.0"
-			}
-		},
-		"util": {
-			"version": "0.12.5",
-			"resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
-			"integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
-			"dev": true,
-			"requires": {
-				"inherits": "^2.0.3",
-				"is-arguments": "^1.0.4",
-				"is-generator-function": "^1.0.7",
-				"is-typed-array": "^1.1.3",
-				"which-typed-array": "^1.1.2"
-			}
-		},
-		"util-deprecate": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
-		},
-		"uuid-v4": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/uuid-v4/-/uuid-v4-0.1.0.tgz",
-			"integrity": "sha512-m11RYDtowtAIihBXMoGajOEKpAXrKbpKlpmxqyztMYQNGSY5nZAZ/oYch/w2HNS1RMA4WLGcZvuD8/wFMuCEzA==",
-			"dev": true
-		},
-		"v8-to-istanbul": {
-			"version": "9.2.0",
-			"resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz",
-			"integrity": "sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==",
-			"dev": true,
-			"requires": {
-				"@jridgewell/trace-mapping": "^0.3.12",
-				"@types/istanbul-lib-coverage": "^2.0.1",
-				"convert-source-map": "^2.0.0"
-			}
-		},
-		"vite": {
-			"version": "4.5.0",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-			"integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
-			"dev": true,
-			"requires": {
-				"esbuild": "^0.18.10",
-				"fsevents": "~2.3.2",
-				"postcss": "^8.4.27",
-				"rollup": "^3.27.1"
-			}
-		},
-		"vite-node": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.34.6.tgz",
-			"integrity": "sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==",
-			"dev": true,
-			"requires": {
-				"cac": "^6.7.14",
-				"debug": "^4.3.4",
-				"mlly": "^1.4.0",
-				"pathe": "^1.1.1",
-				"picocolors": "^1.0.0",
-				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0-0"
-			}
-		},
-		"vite-plugin-node-polyfills": {
-			"version": "0.17.0",
-			"resolved": "https://registry.npmjs.org/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.17.0.tgz",
-			"integrity": "sha512-iPmPn7376e5u6QvoTSJa16hf5Q0DFwHFXJk2uYpsNlmI3JdPms7hWyh55o+OysJ5jo9J5XPhLC9sMOYifwFd1w==",
-			"dev": true,
-			"requires": {
-				"@rollup/plugin-inject": "^5.0.5",
-				"buffer-polyfill": "npm:buffer@^6.0.3",
-				"node-stdlib-browser": "^1.2.0",
-				"process": "^0.11.10"
-			}
-		},
-		"vite-tsconfig-paths": {
-			"version": "4.2.1",
-			"resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.2.1.tgz",
-			"integrity": "sha512-GNUI6ZgPqT3oervkvzU+qtys83+75N/OuDaQl7HmOqFTb0pjZsuARrRipsyJhJ3enqV8beI1xhGbToR4o78nSQ==",
-			"dev": true,
-			"requires": {
-				"debug": "^4.1.1",
-				"globrex": "^0.1.2",
-				"tsconfck": "^2.1.0"
-			}
-		},
-		"vitefu": {
-			"version": "0.2.5",
-			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
-			"integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
-			"dev": true,
-			"requires": {}
-		},
-		"vitest": {
-			"version": "0.34.6",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-0.34.6.tgz",
-			"integrity": "sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q==",
-			"dev": true,
-			"requires": {
-				"@types/chai": "^4.3.5",
-				"@types/chai-subset": "^1.3.3",
-				"@types/node": "*",
-				"@vitest/expect": "0.34.6",
-				"@vitest/runner": "0.34.6",
-				"@vitest/snapshot": "0.34.6",
-				"@vitest/spy": "0.34.6",
-				"@vitest/utils": "0.34.6",
-				"acorn": "^8.9.0",
-				"acorn-walk": "^8.2.0",
-				"cac": "^6.7.14",
-				"chai": "^4.3.10",
-				"debug": "^4.3.4",
-				"local-pkg": "^0.4.3",
-				"magic-string": "^0.30.1",
-				"pathe": "^1.1.1",
-				"picocolors": "^1.0.0",
-				"std-env": "^3.3.3",
-				"strip-literal": "^1.0.1",
-				"tinybench": "^2.5.0",
-				"tinypool": "^0.7.0",
-				"vite": "^3.1.0 || ^4.0.0 || ^5.0.0-0",
-				"vite-node": "0.34.6",
-				"why-is-node-running": "^2.2.2"
-			}
-		},
-		"vm-browserify": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
-			"integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
-			"dev": true
-		},
-		"w3c-xmlserializer": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-			"integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-			"dev": true,
-			"requires": {
-				"xml-name-validator": "^5.0.0"
-			}
-		},
-		"web-streams-polyfill": {
-			"version": "3.2.1",
-			"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
-			"integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
-			"dev": true,
-			"peer": true
-		},
-		"webidl-conversions": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-			"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-			"dev": true
-		},
-		"whatwg-encoding": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-			"integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-			"dev": true,
-			"requires": {
-				"iconv-lite": "0.6.3"
-			}
-		},
-		"whatwg-mimetype": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-			"integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-			"dev": true
-		},
-		"whatwg-url": {
-			"version": "14.0.0",
-			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.0.0.tgz",
-			"integrity": "sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==",
-			"dev": true,
-			"requires": {
-				"tr46": "^5.0.0",
-				"webidl-conversions": "^7.0.0"
-			}
-		},
-		"which": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-			"dev": true,
-			"requires": {
-				"isexe": "^2.0.0"
-			}
-		},
-		"which-boxed-primitive": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-			"integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-			"dev": true,
-			"requires": {
-				"is-bigint": "^1.0.1",
-				"is-boolean-object": "^1.1.0",
-				"is-number-object": "^1.0.4",
-				"is-string": "^1.0.5",
-				"is-symbol": "^1.0.3"
-			}
-		},
-		"which-collection": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-			"integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-			"dev": true,
-			"requires": {
-				"is-map": "^2.0.1",
-				"is-set": "^2.0.1",
-				"is-weakmap": "^2.0.1",
-				"is-weakset": "^2.0.1"
-			}
-		},
-		"which-module": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
-			"integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
-		},
-		"which-typed-array": {
-			"version": "1.1.13",
-			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-			"integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-			"dev": true,
-			"requires": {
-				"available-typed-arrays": "^1.0.5",
-				"call-bind": "^1.0.4",
-				"for-each": "^0.3.3",
-				"gopd": "^1.0.1",
-				"has-tostringtag": "^1.0.0"
-			}
-		},
-		"why-is-node-running": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
-			"integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
-			"dev": true,
-			"requires": {
-				"siginfo": "^2.0.0",
-				"stackback": "0.0.2"
-			}
-		},
-		"wrap-ansi": {
-			"version": "6.2.0",
-			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-			"integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-			"requires": {
-				"ansi-styles": "^4.0.0",
-				"string-width": "^4.1.0",
-				"strip-ansi": "^6.0.0"
-			}
-		},
-		"wrappy": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-			"dev": true
-		},
-		"ws": {
-			"version": "8.14.2",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-			"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
-			"dev": true,
-			"requires": {}
-		},
-		"xml-name-validator": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-			"integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-			"dev": true
-		},
-		"xmlchars": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-			"dev": true
-		},
-		"xtend": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-			"dev": true
-		},
-		"y18n": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
-			"integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
-		},
-		"yallist": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-			"dev": true
-		},
-		"yaml": {
-			"version": "1.10.2",
-			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-			"dev": true
-		},
-		"yargs": {
-			"version": "15.4.1",
-			"resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
-			"integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-			"requires": {
-				"cliui": "^6.0.0",
-				"decamelize": "^1.2.0",
-				"find-up": "^4.1.0",
-				"get-caller-file": "^2.0.1",
-				"require-directory": "^2.1.1",
-				"require-main-filename": "^2.0.0",
-				"set-blocking": "^2.0.0",
-				"string-width": "^4.2.0",
-				"which-module": "^2.0.0",
-				"y18n": "^4.0.0",
-				"yargs-parser": "^18.1.2"
-			},
-			"dependencies": {
-				"find-up": {
-					"version": "4.1.0",
-					"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-					"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-					"requires": {
-						"locate-path": "^5.0.0",
-						"path-exists": "^4.0.0"
-					}
-				},
-				"locate-path": {
-					"version": "5.0.0",
-					"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-					"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-					"requires": {
-						"p-locate": "^4.1.0"
-					}
-				},
-				"p-limit": {
-					"version": "2.3.0",
-					"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-					"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-					"requires": {
-						"p-try": "^2.0.0"
-					}
-				},
-				"p-locate": {
-					"version": "4.1.0",
-					"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-					"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-					"requires": {
-						"p-limit": "^2.2.0"
-					}
-				}
-			}
-		},
-		"yargs-parser": {
-			"version": "18.1.3",
-			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-			"integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-			"requires": {
-				"camelcase": "^5.0.0",
-				"decamelize": "^1.2.0"
-			}
-		},
-		"yocto-queue": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-			"dev": true
-		}
-	}
+  "name": "web-wallet",
+  "version": "1.7.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "web-wallet",
+      "version": "1.7.0",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@dusk/w3sper": "npm:@jsr/dusk__w3sper@^1.4.0",
+        "@floating-ui/dom": "1.7.5",
+        "@mdi/js": "7.4.47",
+        "@reown/appkit": "1.7.20",
+        "@reown/appkit-adapter-wagmi": "1.7.20",
+        "@scure/bip39": "2.0.1",
+        "css-doodle": "0.50.2",
+        "dexie": "4.0.11",
+        "lamb": "0.61.1",
+        "qr-scanner": "1.4.2",
+        "qrcode": "1.5.4",
+        "web-streams-polyfill": "4.2.0"
+      },
+      "devDependencies": {
+        "@dusk-network/eslint-config": "4.0.1",
+        "@dusk-network/prettier-config": "1.1.0",
+        "@duskit/encoding": "0.0.1",
+        "@eslint/js": "9.39.2",
+        "@juggle/resize-observer": "3.4.0",
+        "@sveltejs/adapter-static": "3.0.10",
+        "@sveltejs/kit": "2.50.1",
+        "@sveltejs/vite-plugin-svelte": "3.1.2",
+        "@testing-library/jest-dom": "6.9.1",
+        "@testing-library/svelte": "5.3.1",
+        "@types/node": "25.2.0",
+        "@vitejs/plugin-basic-ssl": "1.2.0",
+        "@vitest/browser": "4.0.18",
+        "@vitest/coverage-istanbul": "4.0.18",
+        "autoprefixer": "10.4.24",
+        "core-js": "3.48.0",
+        "eslint": "9.39.2",
+        "eslint-config-prettier": "10.1.8",
+        "eslint-import-resolver-typescript": "4.4.4",
+        "eslint-plugin-svelte": "3.14.0",
+        "fake-indexeddb": "6.2.5",
+        "globals": "17.3.0",
+        "jsdom": "28.0.0",
+        "jsdom-worker": "0.3.0",
+        "lamb-types": "0.61.16",
+        "postcss-nested": "7.0.2",
+        "prettier": "3.8.1",
+        "prettier-plugin-svelte": "3.4.1",
+        "svelte": "4.2.20",
+        "svelte-check": "4.3.6",
+        "svelte-preprocess": "6.0.3",
+        "typescript": "5.9.3",
+        "vite": "5.4.21",
+        "vite-tsconfig-paths": "6.0.5",
+        "vitest": "4.0.18",
+        "vitest-canvas-mock": "1.1.3"
+      },
+      "engines": {
+        "node": "^24.0.0"
+      }
+    },
+    "node_modules/@acemir/cssom": {
+      "version": "0.9.31",
+      "resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.31.tgz",
+      "integrity": "sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
+      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@adraffy/ens-normalize": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.11.1.tgz",
+      "integrity": "sha512-nhCBV3quEgesuf7c7KYfperqSS14T8bYuvJ8PcLJp6znkZpFc0AuW4qBtr8eKVyPPe/8RSr7sglCWPU5eaxwKQ==",
+      "license": "MIT"
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.1.1.tgz",
+      "integrity": "sha512-B0Hv6G3gWGMn0xKJ0txEi/jM5iFpT3MfDxmhZFb4W047GvytCf1DHQ1D69W3zHI4yWe2aTZAA0JnbMZ7Xc8DuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.4",
+        "@csstools/css-color-parser": "^3.1.0",
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4",
+        "lru-cache": "^11.2.4"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.2.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.5.tgz",
+      "integrity": "sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "6.7.7",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.7.7.tgz",
+      "integrity": "sha512-8CO/UQ4tzDd7ula+/CVimJIVWez99UJlbMyIgk8xOnhAVPKLnBZmUFYVgugS441v2ZqUq5EnSh6B0Ua0liSFAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.1.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.5"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.2.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.5.tgz",
+      "integrity": "sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.0.tgz",
+      "integrity": "sha512-vSH118/wwM/pLR38g/Sgk05sNtro6TlTJKuiMXDaZqPUfjTFcudpCOt00IhOfj+1BFAX+UFAlzCU+6WXr3GLFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
+      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
+      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.0.26",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.26.tgz",
+      "integrity": "sha512-6boXK0KkzT5u5xOgF6TKB+CLq9SOpEGmkZw0g5n9/7yg85wab3UzSxB8TxhLJ31L4SGJ6BCFRw/iftTha1CJXA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0"
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@dusk-network/eslint-config": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@dusk-network/eslint-config/-/eslint-config-4.0.1.tgz",
+      "integrity": "sha512-E9q4sKPT/s9o8kgSySXLUB4jcRy+a0N/vn5psZ49iU4tHI93SXZkqzfF22CtVR+9nW3PNEqkN2kJwPVdjEK0sg==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "eslint-plugin-import": "2.31.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "optionalDependencies": {
+        "@vitest/eslint-plugin": ">=1.1.43",
+        "eslint-plugin-svelte": ">=3.5.1"
+      },
+      "peerDependencies": {
+        "@eslint/js": ">=9.26.0",
+        "eslint": ">=9.26.0",
+        "eslint-config-prettier": ">=10.1.2"
+      }
+    },
+    "node_modules/@dusk-network/prettier-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@dusk-network/prettier-config/-/prettier-config-1.1.0.tgz",
+      "integrity": "sha512-Zr618i5OUAOCHFMKwVzYT0MfI7nI1af0Zd4XFc0dOkSfKaJLQM/YJrTY5HRiBvymtf7TsQD8TPx+R25RAyTXUA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "optionalDependencies": {
+        "prettier-plugin-svelte": ">=3.2.1"
+      }
+    },
+    "node_modules/@dusk/w3sper": {
+      "name": "@jsr/dusk__w3sper",
+      "version": "1.4.0",
+      "resolved": "https://npm.jsr.io/~/11/@jsr/dusk__w3sper/1.4.0.tgz",
+      "integrity": "sha512-5+g2eWr21OAZ29fEyR6idY8tQtRbfXS4goNMTHQc91i8E7mQJEdeqCqcVgUEilwlsc56MbrYaT050YQM5z7FzA==",
+      "dependencies": {
+        "@jsr/dusk__exu": "0.1.2"
+      }
+    },
+    "node_modules/@duskit/encoding": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@duskit/encoding/-/encoding-0.0.1.tgz",
+      "integrity": "sha512-Fuu4IVHIFMdvaF4pAUYvn+mH2jBTAqbcaFiTN2VZ1T/sk1GQ+9ASfpKXxpKoHNx8ykjBb4BtSM8Q7dBJvsTmbQ==",
+      "dev": true,
+      "license": "MPL-2.0"
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/core/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@exodus/bytes": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.11.0.tgz",
+      "integrity": "sha512-wO3vd8nsEHdumsXrjGO/v4p6irbg7hy9kvIeR6i2AwylZSk4HJdWgL0FNaVquW1+AweJcdvU1IEpuIWk/WaPnA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.4.tgz",
+      "integrity": "sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.5.tgz",
+      "integrity": "sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.4",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@jsr/dusk__exu": {
+      "version": "0.1.2",
+      "resolved": "https://npm.jsr.io/~/11/@jsr/dusk__exu/0.1.2.tgz",
+      "integrity": "sha512-RDKqGshGZQX2Q6FR8P6KA8Pa2AU/Vcob0fx+oQgHzxFVBgSjZbVKvVGvM30ipbp2EsZLw+YkoapWftY2kJq83A=="
+    },
+    "node_modules/@juggle/resize-observer": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.5.1.tgz",
+      "integrity": "sha512-Aou5UdlSpr5whQe8AA/bZG0jMj96CoJIWbGfZ91qieWu5AWUMKw8VR/pAkQkJYvBNhmCcWnZlyyk5oze8JIqYA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@lit/react": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@lit/react/-/react-1.0.8.tgz",
+      "integrity": "sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "peerDependencies": {
+        "@types/react": "17 || 18 || 19"
+      }
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.1.2.tgz",
+      "integrity": "sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.5.0"
+      }
+    },
+    "node_modules/@mdi/js": {
+      "version": "7.4.47",
+      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz",
+      "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@msgpack/msgpack": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@msgpack/msgpack/-/msgpack-3.1.2.tgz",
+      "integrity": "sha512-JEW4DEtBzfe8HvUYecLU9e6+XJnKDlUAIve8FvPzF3Kzs6Xo/KuZkZJsDH0wJXl/qEZbeeE7edxDNY3kMs39hQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@noble/ciphers": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
+      "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/curves": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.8.0.tgz",
+      "integrity": "sha512-j84kjAbzEnQHaSIhRPUmB3/eVXu2k3dKPl2LOrR8fSOIL+89U+7lV117EWHtq/GHM3ReGHM46iRBdZfpc4HRUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.7.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/curves/node_modules/@noble/hashes": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.7.0.tgz",
+      "integrity": "sha512-HXydb0DgzTpDPwbVeDGCG1gIu7X6+AuU6Zl6av/E/KG8LMsvPntvq+w17CHRpKBmN6Ybdrt1eP3k4cj8DJa78w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/hashes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-2.0.1.tgz",
+      "integrity": "sha512-XlOlEbQcE9fmuXxrVTXCTlG2nlRXa9Rj3rr5Ue/+tX+nmkgbX720YHh0VR3hBF9xDvwnb8D2shVGOwNx+ulArw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@reown/appkit": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit/-/appkit-1.7.20.tgz",
+      "integrity": "sha512-VW/2sFGHiboDwpSMPnKZ9mABL+rPHPFagwfYqt3EO1JPHPRePmYKXianM8Owc4kgv9dFVMvUif9gHW/nX53+VA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-pay": "1.7.20",
+        "@reown/appkit-polyfills": "1.7.20",
+        "@reown/appkit-scaffold-ui": "1.7.20",
+        "@reown/appkit-ui": "1.7.20",
+        "@reown/appkit-utils": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "@walletconnect/universal-provider": "2.21.7",
+        "bs58": "6.0.0",
+        "semver": "7.7.2",
+        "valtio": "2.1.5",
+        "viem": ">=2.33.3"
+      },
+      "optionalDependencies": {
+        "@lit/react": "1.0.8"
+      }
+    },
+    "node_modules/@reown/appkit-adapter-wagmi": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-adapter-wagmi/-/appkit-adapter-wagmi-1.7.20.tgz",
+      "integrity": "sha512-13FdRhGYvw8ECTj7L8IAAiKA+dtPoqUmONpUZnYrx9aPtOoyEucGhc+VFs5IFGG8SNXy6qeWcIACzlmNlYEPSQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit": "1.7.20",
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-polyfills": "1.7.20",
+        "@reown/appkit-scaffold-ui": "1.7.20",
+        "@reown/appkit-utils": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "@walletconnect/universal-provider": "2.21.7",
+        "valtio": "2.1.5"
+      },
+      "optionalDependencies": {
+        "@wagmi/connectors": ">=5.7.11"
+      },
+      "peerDependencies": {
+        "@wagmi/core": ">=2.16.7",
+        "viem": ">=2.33.3",
+        "wagmi": ">=2.16.3"
+      }
+    },
+    "node_modules/@reown/appkit-common": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-common/-/appkit-common-1.7.20.tgz",
+      "integrity": "sha512-p1XtJvY2Mf4oEuPD1O8UGpVFJpC094sfoIVQCPKguqABEckTymIap0AOqSokRI1LXAx1EhNJogGNRfekMllJ/Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "big.js": "6.2.2",
+        "dayjs": "1.11.13",
+        "viem": ">=2.33.3"
+      }
+    },
+    "node_modules/@reown/appkit-controllers": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-controllers/-/appkit-controllers-1.7.20.tgz",
+      "integrity": "sha512-/bKmExgsiMRgbV1/L6Xxexw7pC77lf83fFXLy8TzzofDVDmwt5l5Ixh8vfcd26VM/ZkTd0aH5L11Rw5DLixOPw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "@walletconnect/universal-provider": "2.21.7",
+        "valtio": "2.1.5",
+        "viem": ">=2.33.3"
+      }
+    },
+    "node_modules/@reown/appkit-pay": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-pay/-/appkit-pay-1.7.20.tgz",
+      "integrity": "sha512-AkP16oRjShvSxRygqGgrnKmO8r5Eqw1uHBrL4h6h8ViK/RiW/U1DlMJTENFvMYLpUsu4K4DjC+SXvxKnL2o+hg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-ui": "1.7.20",
+        "@reown/appkit-utils": "1.7.20",
+        "lit": "3.3.0",
+        "valtio": "2.1.5"
+      }
+    },
+    "node_modules/@reown/appkit-polyfills": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-polyfills/-/appkit-polyfills-1.7.20.tgz",
+      "integrity": "sha512-WLd6T7kRpa8wlSt0Wk9HND+JYEdAgFbAY2N8NYoHfb9m1ifXLua1ZzoUJggJkF3FxxdqC1fE7bKWzEa7OYoHDg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "buffer": "6.0.3"
+      }
+    },
+    "node_modules/@reown/appkit-scaffold-ui": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-scaffold-ui/-/appkit-scaffold-ui-1.7.20.tgz",
+      "integrity": "sha512-fHNT5ZXzdkh4DnEjwpydPEnt2hcocASobsdH5CrzU0F4G+AWEWdVE8ILzHMQMQ17QwjYEj/i+/YQtqOKUqeISA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-ui": "1.7.20",
+        "@reown/appkit-utils": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "lit": "3.3.0"
+      }
+    },
+    "node_modules/@reown/appkit-ui": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-ui/-/appkit-ui-1.7.20.tgz",
+      "integrity": "sha512-XzgBi8TRo9y03Gb+NOho8L5vAQ1w1t5oGc1KWDILYFN2dFtUxpPAfitXE86FrMivoAFd4MM4LboYT/yAC6srMQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "lit": "3.3.0",
+        "qrcode": "1.5.3"
+      }
+    },
+    "node_modules/@reown/appkit-ui/node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@reown/appkit-ui/node_modules/qrcode": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
+      "integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
+      "license": "MIT",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "encode-utf8": "^1.0.3",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@reown/appkit-utils": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-utils/-/appkit-utils-1.7.20.tgz",
+      "integrity": "sha512-tfVDwe0Rs3xrBDPyy2IYgU8iBpB5xtKevx4MHo2RPIWoY393piVTjmL47iBD8AH9ANLxqXyFEIjxGyuIlqdYAg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-controllers": "1.7.20",
+        "@reown/appkit-polyfills": "1.7.20",
+        "@reown/appkit-wallet": "1.7.20",
+        "@wallet-standard/wallet": "1.1.0",
+        "@walletconnect/logger": "2.1.2",
+        "@walletconnect/universal-provider": "2.21.7",
+        "valtio": "2.1.5",
+        "viem": ">=2.33.3"
+      },
+      "peerDependencies": {
+        "valtio": "2.1.5"
+      }
+    },
+    "node_modules/@reown/appkit-wallet": {
+      "version": "1.7.20",
+      "resolved": "https://registry.npmjs.org/@reown/appkit-wallet/-/appkit-wallet-1.7.20.tgz",
+      "integrity": "sha512-Wx2M6cDg07coWuR3zgvWCZt4e9GPmXtwKLQvDPr39gkXcAvMCSI+LIqA0W8jwLmNFvqs29qHmWqQM0Pzar34Qg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@reown/appkit-common": "1.7.20",
+        "@reown/appkit-polyfills": "1.7.20",
+        "@walletconnect/logger": "2.1.2",
+        "zod": "3.22.4"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
+      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
+      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz",
+      "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
+      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
+      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
+      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
+      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
+      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
+      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
+      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
+      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
+      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
+      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
+      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
+      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
+      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
+      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
+      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
+      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
+      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
+      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
+      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@scure/base": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-2.0.0.tgz",
+      "integrity": "sha512-3E1kpuZginKkek01ovG8krQ0Z44E3DHPjc5S2rjJw9lZn3KSQOs8S7wqikF/AH7iRanHypj85uGyxk0XAyC37w==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.7.0.tgz",
+      "integrity": "sha512-E4FFX/N3f4B80AKWp5dP6ow+flD1LQZo/w8UnLGYZO674jS6YnYeepycOOksv+vLPSpgN35wgKgy+ybfTb2SMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "~1.9.0",
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32/node_modules/@noble/curves": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.7.tgz",
+      "integrity": "sha512-gbKGcRUYIjA3/zCCNaWDciTMFI0dCkvou3TL8Zmy5Nc7sJ47a0jtOeZoTaMxkuqRo9cRhjOdZJXegxYE5FN/xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32/node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32/node_modules/@scure/base": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
+      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip39": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-2.0.1.tgz",
+      "integrity": "sha512-PsxdFj/d2AcJcZDX1FXN3dDgitDDTmwf78rKZq1a6c1P1Nan1X/Sxc7667zU3U+AN60g7SxxP0YCVw2H/hBycg==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "2.0.1",
+        "@scure/base": "2.0.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sveltejs/acorn-typescript": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.8.tgz",
+      "integrity": "sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^8.9.0"
+      }
+    },
+    "node_modules/@sveltejs/adapter-static": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.10.tgz",
+      "integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@sveltejs/kit": "^2.0.0"
+      }
+    },
+    "node_modules/@sveltejs/kit": {
+      "version": "2.50.1",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.50.1.tgz",
+      "integrity": "sha512-XRHD2i3zC4ukhz2iCQzO4mbsts081PAZnnMAQ7LNpWeYgeBmwMsalf0FGSwhFXBbtr2XViPKnFJBDCckWqrsLw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@sveltejs/acorn-typescript": "^1.0.5",
+        "@types/cookie": "^0.6.0",
+        "acorn": "^8.14.1",
+        "cookie": "^0.6.0",
+        "devalue": "^5.6.2",
+        "esm-env": "^1.2.2",
+        "kleur": "^4.1.5",
+        "magic-string": "^0.30.5",
+        "mrmime": "^2.0.0",
+        "sade": "^1.8.1",
+        "set-cookie-parser": "^2.6.0",
+        "sirv": "^3.0.0"
+      },
+      "bin": {
+        "svelte-kit": "svelte-kit.js"
+      },
+      "engines": {
+        "node": ">=18.13"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0",
+        "@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0",
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "typescript": "^5.3.3",
+        "vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz",
+      "integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@sveltejs/vite-plugin-svelte-inspector": "^2.1.0",
+        "debug": "^4.3.4",
+        "deepmerge": "^4.3.1",
+        "kleur": "^4.1.5",
+        "magic-string": "^0.30.10",
+        "svelte-hmr": "^0.16.0",
+        "vitefu": "^0.2.5"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20"
+      },
+      "peerDependencies": {
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz",
+      "integrity": "sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20"
+      },
+      "peerDependencies": {
+        "@sveltejs/vite-plugin-svelte": "^3.0.0",
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.90.20",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.20.tgz",
+      "integrity": "sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.90.20",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.20.tgz",
+      "integrity": "sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@tanstack/query-core": "5.90.20"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/svelte": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-5.3.1.tgz",
+      "integrity": "sha512-8Ez7ZOqW5geRf9PF5rkuopODe5RGy3I9XR+kc7zHh26gBiktLaxTfKmhlGaSHYUOTQE7wFsLMN9xCJVCszw47w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@testing-library/dom": "9.x.x || 10.x.x",
+        "@testing-library/svelte-core": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "peerDependencies": {
+        "svelte": "^3 || ^4 || ^5 || ^5.0.0-next.0",
+        "vite": "*",
+        "vitest": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        },
+        "vitest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/svelte-core": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/svelte-core/-/svelte-core-1.0.0.tgz",
+      "integrity": "sha512-VkUePoLV6oOYwSUvX6ShA8KLnJqZiYMIbP2JW2t0GLWLkJxKGvuH5qrrZBV/X7cXFnLGuFQEC7RheYiZOW68KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "svelte": "^3 || ^4 || ^5 || ^5.0.0-next.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.2.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.2.0.tgz",
+      "integrity": "sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/offscreencanvas": {
+      "version": "2019.7.3",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
+      "integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.10",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.10.tgz",
+      "integrity": "sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.54.0.tgz",
+      "integrity": "sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.54.0",
+        "@typescript-eslint/types": "^8.54.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.54.0.tgz",
+      "integrity": "sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.54.0",
+        "@typescript-eslint/visitor-keys": "8.54.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.54.0.tgz",
+      "integrity": "sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.54.0.tgz",
+      "integrity": "sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.54.0.tgz",
+      "integrity": "sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.54.0",
+        "@typescript-eslint/tsconfig-utils": "8.54.0",
+        "@typescript-eslint/types": "8.54.0",
+        "@typescript-eslint/visitor-keys": "8.54.0",
+        "debug": "^4.4.3",
+        "minimatch": "^9.0.5",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.54.0.tgz",
+      "integrity": "sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.54.0",
+        "@typescript-eslint/types": "8.54.0",
+        "@typescript-eslint/typescript-estree": "8.54.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.54.0.tgz",
+      "integrity": "sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.54.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.2.0.tgz",
+      "integrity": "sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
+      }
+    },
+    "node_modules/@vitest/browser": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.0.18.tgz",
+      "integrity": "sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/mocker": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "magic-string": "^0.30.21",
+        "pixelmatch": "7.1.0",
+        "pngjs": "^7.0.0",
+        "sirv": "^3.0.2",
+        "tinyrainbow": "^3.0.3",
+        "ws": "^8.18.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "4.0.18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/@vitest/mocker": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz",
+      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "4.0.18",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/vite": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/browser/node_modules/yaml": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/@vitest/coverage-istanbul": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-istanbul/-/coverage-istanbul-4.0.18.tgz",
+      "integrity": "sha512-0OhjP30owEDihYTZGWuq20rNtV1RjjJs1Mv4MaZIKcFBmiLUXX7HJLX4fU7wE+Mrc3lQxI2HKq6WrSXi5FGuCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.3",
+        "@jridgewell/gen-mapping": "^0.3.13",
+        "@jridgewell/trace-mapping": "0.3.31",
+        "istanbul-lib-coverage": "^3.2.2",
+        "istanbul-lib-instrument": "^6.0.3",
+        "istanbul-lib-report": "^3.0.1",
+        "istanbul-reports": "^3.2.0",
+        "magicast": "^0.5.1",
+        "obug": "^2.1.1",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "4.0.18"
+      }
+    },
+    "node_modules/@vitest/eslint-plugin": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/@vitest/eslint-plugin/-/eslint-plugin-1.6.6.tgz",
+      "integrity": "sha512-bwgQxQWRtnTVzsUHK824tBmHzjV0iTx3tZaiQIYDjX3SA7TsQS8CuDVqxXrRY3FaOUMgbGavesCxI9MOfFLm7Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "^8.51.0",
+        "@typescript-eslint/utils": "^8.51.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.57.0",
+        "typescript": ">=5.0.0",
+        "vitest": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vitest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/expect": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.18.tgz",
+      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "chai": "^6.2.1",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
+      "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.18.tgz",
+      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.0.18",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.18.tgz",
+      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.18.tgz",
+      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.18.tgz",
+      "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@wagmi/connectors": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-7.1.6.tgz",
+      "integrity": "sha512-TKBTxSmiUh17tHdD7X1TQLtNIA4exuodPCwC0YuSaIRw8co1EivrUHjsHVsrJ7XKEsQhfp97ZRAVEssGcA4DPA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "@base-org/account": "^2.5.1",
+        "@coinbase/wallet-sdk": "^4.3.6",
+        "@gemini-wallet/core": "~0.3.1",
+        "@metamask/sdk": "~0.33.1",
+        "@safe-global/safe-apps-provider": "~0.18.6",
+        "@safe-global/safe-apps-sdk": "^9.1.0",
+        "@wagmi/core": "3.3.2",
+        "@walletconnect/ethereum-provider": "^2.21.1",
+        "porto": "~0.2.35",
+        "typescript": ">=5.7.3",
+        "viem": "2.x"
+      },
+      "peerDependenciesMeta": {
+        "@base-org/account": {
+          "optional": true
+        },
+        "@coinbase/wallet-sdk": {
+          "optional": true
+        },
+        "@gemini-wallet/core": {
+          "optional": true
+        },
+        "@metamask/sdk": {
+          "optional": true
+        },
+        "@safe-global/safe-apps-provider": {
+          "optional": true
+        },
+        "@safe-global/safe-apps-sdk": {
+          "optional": true
+        },
+        "@walletconnect/ethereum-provider": {
+          "optional": true
+        },
+        "porto": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@wagmi/core": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-3.3.2.tgz",
+      "integrity": "sha512-e4aefdzEki657u7P6miuBijp0WKmtSsuY2/NT9e3zfJxr+QX5Edr5EcFF0Cg5OMMQ1y32x+g8ogMDppD9aX3kw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "eventemitter3": "5.0.1",
+        "mipd": "0.0.7",
+        "zustand": "5.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "@tanstack/query-core": ">=5.0.0",
+        "ox": ">=0.11.1",
+        "typescript": ">=5.7.3",
+        "viem": "2.x"
+      },
+      "peerDependenciesMeta": {
+        "@tanstack/query-core": {
+          "optional": true
+        },
+        "ox": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@wallet-standard/base": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@wallet-standard/base/-/base-1.1.0.tgz",
+      "integrity": "sha512-DJDQhjKmSNVLKWItoKThJS+CsJQjR9AOBOirBVT1F9YpRyC9oYHE+ZnSf8y8bxUphtKqdQMPVQ2mHohYdRvDVQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@wallet-standard/wallet": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@wallet-standard/wallet/-/wallet-1.1.0.tgz",
+      "integrity": "sha512-Gt8TnSlDZpAl+RWOOAB/kuvC7RpcdWAlFbHNoi4gsXsfaWa1QCT6LBcfIYTPdOZC9OVZUDwqGuGAcqZejDmHjg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@wallet-standard/base": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@walletconnect/core": {
+      "version": "2.21.7",
+      "resolved": "https://registry.npmjs.org/@walletconnect/core/-/core-2.21.7.tgz",
+      "integrity": "sha512-q/Au5Ne3g4R+q4GvHR5cvRd3+ha00QZCZiCs058lmy+eDbiZd0YsautvTPJ5a2guD6UaS1k/w5e1JHgixdcgLA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@walletconnect/heartbeat": "1.2.2",
+        "@walletconnect/jsonrpc-provider": "1.0.14",
+        "@walletconnect/jsonrpc-types": "1.0.4",
+        "@walletconnect/jsonrpc-utils": "1.0.8",
+        "@walletconnect/jsonrpc-ws-connection": "1.0.16",
+        "@walletconnect/keyvaluestorage": "1.1.1",
+        "@walletconnect/logger": "2.1.2",
+        "@walletconnect/relay-api": "1.0.11",
+        "@walletconnect/relay-auth": "1.1.0",
+        "@walletconnect/safe-json": "1.0.2",
+        "@walletconnect/time": "1.0.2",
+        "@walletconnect/types": "2.21.7",
+        "@walletconnect/utils": "2.21.7",
+        "@walletconnect/window-getters": "1.0.1",
+        "es-toolkit": "1.39.3",
+        "events": "3.3.0",
+        "uint8arrays": "3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@walletconnect/environment": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@walletconnect/environment/-/environment-1.0.1.tgz",
+      "integrity": "sha512-T426LLZtHj8e8rYnKfzsw1aG6+M0BT1ZxayMdv/p8yM0MU+eJDISqNY3/bccxRr4LrF9csq02Rhqt08Ibl0VRg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/events": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@walletconnect/events/-/events-1.0.1.tgz",
+      "integrity": "sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "keyvaluestorage-interface": "^1.0.0",
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/heartbeat": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@walletconnect/heartbeat/-/heartbeat-1.2.2.tgz",
+      "integrity": "sha512-uASiRmC5MwhuRuf05vq4AT48Pq8RMi876zV8rr8cV969uTOzWdB/k+Lj5yI2PBtB1bGQisGen7MM1GcZlQTBXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/events": "^1.0.1",
+        "@walletconnect/time": "^1.0.2",
+        "events": "^3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-http-connection": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.8.tgz",
+      "integrity": "sha512-+B7cRuaxijLeFDJUq5hAzNyef3e3tBDIxyaCNmFtjwnod5AGis3RToNqzFU33vpVcxFhofkpE7Cx+5MYejbMGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
+        "@walletconnect/safe-json": "^1.0.1",
+        "cross-fetch": "^3.1.4",
+        "events": "^3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-provider": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.14.tgz",
+      "integrity": "sha512-rtsNY1XqHvWj0EtITNeuf8PHMvlCLiS3EjQL+WOkxEOA4KPxsohFnBDeyPYiNm4ZvkQdLnece36opYidmtbmow==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/jsonrpc-utils": "^1.0.8",
+        "@walletconnect/safe-json": "^1.0.2",
+        "events": "^3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-types": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.4.tgz",
+      "integrity": "sha512-P6679fG/M+wuWg9TY8mh6xFSdYnFyFjwFelxyISxMDrlbXokorEVXYOxiqEbrU3x1BmBoCAJJ+vtEaEoMlpCBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "events": "^3.3.0",
+        "keyvaluestorage-interface": "^1.0.0"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-utils": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.8.tgz",
+      "integrity": "sha512-vdeb03bD8VzJUL6ZtzRYsFMq1eZQcM3EAzT0a3st59dyLfJ0wq+tKMpmGH7HlB7waD858UWgfIcudbPFsbzVdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/environment": "^1.0.1",
+        "@walletconnect/jsonrpc-types": "^1.0.3",
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-ws-connection": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.16.tgz",
+      "integrity": "sha512-G81JmsMqh5nJheE1mPst1W0WfVv0SG3N7JggwLLGnI7iuDZJq8cRJvQwLGKHn5H1WTW7DEPCo00zz5w62AbL3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
+        "@walletconnect/safe-json": "^1.0.2",
+        "events": "^3.3.0",
+        "ws": "^7.5.1"
+      }
+    },
+    "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/keyvaluestorage": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.1.1.tgz",
+      "integrity": "sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/safe-json": "^1.0.1",
+        "idb-keyval": "^6.2.1",
+        "unstorage": "^1.9.0"
+      },
+      "peerDependencies": {
+        "@react-native-async-storage/async-storage": "1.x"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-async-storage/async-storage": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/logger": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@walletconnect/logger/-/logger-2.1.2.tgz",
+      "integrity": "sha512-aAb28I3S6pYXZHQm5ESB+V6rDqIYfsnHaQyzFbwUUBFY4H0OXx/YtTl8lvhUNhMMfb9UxbwEBS253TlXUYJWSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/safe-json": "^1.0.2",
+        "pino": "7.11.0"
+      }
+    },
+    "node_modules/@walletconnect/relay-api": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.11.tgz",
+      "integrity": "sha512-tLPErkze/HmC9aCmdZOhtVmYZq1wKfWTJtygQHoWtgg722Jd4homo54Cs4ak2RUFUZIGO2RsOpIcWipaua5D5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/jsonrpc-types": "^1.0.2"
+      }
+    },
+    "node_modules/@walletconnect/relay-auth": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@walletconnect/relay-auth/-/relay-auth-1.1.0.tgz",
+      "integrity": "sha512-qFw+a9uRz26jRCDgL7Q5TA9qYIgcNY8jpJzI1zAWNZ8i7mQjaijRnWFKsCHAU9CyGjvt6RKrRXyFtFOpWTVmCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "1.8.0",
+        "@noble/hashes": "1.7.0",
+        "@walletconnect/safe-json": "^1.0.1",
+        "@walletconnect/time": "^1.0.2",
+        "uint8arrays": "^3.0.0"
+      }
+    },
+    "node_modules/@walletconnect/relay-auth/node_modules/@noble/hashes": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.7.0.tgz",
+      "integrity": "sha512-HXydb0DgzTpDPwbVeDGCG1gIu7X6+AuU6Zl6av/E/KG8LMsvPntvq+w17CHRpKBmN6Ybdrt1eP3k4cj8DJa78w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/safe-json": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@walletconnect/safe-json/-/safe-json-1.0.2.tgz",
+      "integrity": "sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/sign-client": {
+      "version": "2.21.7",
+      "resolved": "https://registry.npmjs.org/@walletconnect/sign-client/-/sign-client-2.21.7.tgz",
+      "integrity": "sha512-9k/JEl9copR6nXRhqnmzWz2Zk1hiWysH+o6bp6Cqo8TgDUrZoMLBZMZ6qbo+2HLI54V02kKf0Vg8M81nNFOpjQ==",
+      "deprecated": "Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@walletconnect/core": "2.21.7",
+        "@walletconnect/events": "1.0.1",
+        "@walletconnect/heartbeat": "1.2.2",
+        "@walletconnect/jsonrpc-utils": "1.0.8",
+        "@walletconnect/logger": "2.1.2",
+        "@walletconnect/time": "1.0.2",
+        "@walletconnect/types": "2.21.7",
+        "@walletconnect/utils": "2.21.7",
+        "events": "3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@walletconnect/time/-/time-1.0.2.tgz",
+      "integrity": "sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/types": {
+      "version": "2.21.7",
+      "resolved": "https://registry.npmjs.org/@walletconnect/types/-/types-2.21.7.tgz",
+      "integrity": "sha512-kyGnFje4Iq+XGkZZcSoAIrJWBE4BeghVW4O7n9e1MhUyeOOtO55M/kcqceNGYrvwjHvdN+Kf+aoLnKC0zKlpbQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@walletconnect/events": "1.0.1",
+        "@walletconnect/heartbeat": "1.2.2",
+        "@walletconnect/jsonrpc-types": "1.0.4",
+        "@walletconnect/keyvaluestorage": "1.1.1",
+        "@walletconnect/logger": "2.1.2",
+        "events": "3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/universal-provider": {
+      "version": "2.21.7",
+      "resolved": "https://registry.npmjs.org/@walletconnect/universal-provider/-/universal-provider-2.21.7.tgz",
+      "integrity": "sha512-8PB+vA5VuR9PBqt5Y0xj4JC2doYNPlXLGQt3wJORVF9QC227Mm/8R1CAKpmneeLrUH02LkSRwx+wnN/pPnDiQA==",
+      "deprecated": "Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@walletconnect/events": "1.0.1",
+        "@walletconnect/jsonrpc-http-connection": "1.0.8",
+        "@walletconnect/jsonrpc-provider": "1.0.14",
+        "@walletconnect/jsonrpc-types": "1.0.4",
+        "@walletconnect/jsonrpc-utils": "1.0.8",
+        "@walletconnect/keyvaluestorage": "1.1.1",
+        "@walletconnect/logger": "2.1.2",
+        "@walletconnect/sign-client": "2.21.7",
+        "@walletconnect/types": "2.21.7",
+        "@walletconnect/utils": "2.21.7",
+        "es-toolkit": "1.39.3",
+        "events": "3.3.0"
+      }
+    },
+    "node_modules/@walletconnect/utils": {
+      "version": "2.21.7",
+      "resolved": "https://registry.npmjs.org/@walletconnect/utils/-/utils-2.21.7.tgz",
+      "integrity": "sha512-qyaclTgcFf9AwVuoV8CLLg8wfH3nX7yZdpylNkDqCpS7wawQL9zmFFTaGgma8sQrCsd3Sd9jUIymcpRvCJnSTw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@msgpack/msgpack": "3.1.2",
+        "@noble/ciphers": "1.3.0",
+        "@noble/curves": "1.9.2",
+        "@noble/hashes": "1.8.0",
+        "@scure/base": "1.2.6",
+        "@walletconnect/jsonrpc-utils": "1.0.8",
+        "@walletconnect/keyvaluestorage": "1.1.1",
+        "@walletconnect/relay-api": "1.0.11",
+        "@walletconnect/relay-auth": "1.1.0",
+        "@walletconnect/safe-json": "1.0.2",
+        "@walletconnect/time": "1.0.2",
+        "@walletconnect/types": "2.21.7",
+        "@walletconnect/window-getters": "1.0.1",
+        "@walletconnect/window-metadata": "1.0.1",
+        "blakejs": "1.2.1",
+        "bs58": "6.0.0",
+        "detect-browser": "5.3.0",
+        "query-string": "7.1.3",
+        "uint8arrays": "3.1.1",
+        "viem": "2.31.0"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/@noble/curves": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.2.tgz",
+      "integrity": "sha512-HxngEd2XUcg9xi20JkwlLCtYwfoFw4JGkuZpT+WlsPD4gB/cxkvTD8fSsoAnphGZhFdZYKeQIPCuFlWPm1uE0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/@scure/base": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
+      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/@scure/bip39": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.6.0.tgz",
+      "integrity": "sha512-+lF0BbLiJNwVlev4eKelw1WWLaiKXw7sSl8T6FvBlWkdX+94aGJ4o8XjUdlyhTCjd8c+B3KT3JfS8P0bLRNU6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/abitype": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.0.8.tgz",
+      "integrity": "sha512-ZeiI6h3GnW06uYDLx0etQtX/p8E24UaHHBj57RSjK7YBFe7iuVn07EDpOeP451D06sF27VOz9JJPlIKJmXgkEg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4",
+        "zod": "^3 >=3.22.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/ox": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/ox/-/ox-0.7.1.tgz",
+      "integrity": "sha512-+k9fY9PRNuAMHRFIUbiK9Nt5seYHHzSQs9Bj+iMETcGtlpS7SmBzcGSVUQO3+nqGLEiNK4598pHNFlVRaZbRsg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@adraffy/ens-normalize": "^1.10.1",
+        "@noble/ciphers": "^1.3.0",
+        "@noble/curves": "^1.6.0",
+        "@noble/hashes": "^1.5.0",
+        "@scure/bip32": "^1.5.0",
+        "@scure/bip39": "^1.4.0",
+        "abitype": "^1.0.6",
+        "eventemitter3": "5.0.1"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/viem": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/viem/-/viem-2.31.0.tgz",
+      "integrity": "sha512-U7OMQ6yqK+bRbEIarf2vqxL7unSEQvNxvML/1zG7suAmKuJmipqdVTVJGKBCJiYsm/EremyO2FS4dHIPpGv+eA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "1.9.1",
+        "@noble/hashes": "1.8.0",
+        "@scure/bip32": "1.7.0",
+        "@scure/bip39": "1.6.0",
+        "abitype": "1.0.8",
+        "isows": "1.0.7",
+        "ox": "0.7.1",
+        "ws": "8.18.2"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/viem/node_modules/@noble/curves": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.1.tgz",
+      "integrity": "sha512-k11yZxZg+t+gWvBbIswW0yoJlu8cHOC7dhunwOzoWH/mXGBiYyR4YY6hAEK/3EUs4UpB8la1RfdRpeGsFHkWsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@walletconnect/utils/node_modules/ws": {
+      "version": "8.18.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
+      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@walletconnect/window-getters": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@walletconnect/window-getters/-/window-getters-1.0.1.tgz",
+      "integrity": "sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/@walletconnect/window-metadata": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@walletconnect/window-metadata/-/window-metadata-1.0.1.tgz",
+      "integrity": "sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@walletconnect/window-getters": "^1.0.1",
+        "tslib": "1.14.1"
+      }
+    },
+    "node_modules/abitype": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.2.3.tgz",
+      "integrity": "sha512-Ofer5QUnuUdTFsBRwARMoWKOH1ND5ehwYhJ3OJ/BQO+StkwQjHw0XyVh4vDttzHB7QOFhPHa/o413PJ82gU/Tg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4",
+        "zod": "^3.22.0 || ^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.24",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.24.tgz",
+      "integrity": "sha512-uHZg7N9ULTVbutaIsDRoUkoS8/h3bdsmVJYZ5l3wv8Cp/6UIIoRDm90hZ+BwxUj/hGBEzLxdHNSKuFpn8WOyZw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001766",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base-x": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-5.0.1.tgz",
+      "integrity": "sha512-M7uio8Zt++eg3jPj+rHMfCC+IuygQHHCOU+IYsVtik6FWjuYpVt/+MRKcgsAMHh8mMFAwnB+Bs+mTrFiXjMzKg==",
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.19",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
+      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-6.2.2.tgz",
+      "integrity": "sha512-y/ie+Faknx7sZA5MfGA2xKlu0GDv8RWrXGsmlteyJQ2lvoKv9GBK/fpRMc2qlSoBAgNxrixICFCBefIq8WCQpQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/bigjs"
+      }
+    },
+    "node_modules/blakejs": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz",
+      "integrity": "sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ==",
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-6.0.0.tgz",
+      "integrity": "sha512-PD0wEnEYg6ijszw/u8s+iI3H17cTymlrwkKhDhPZq+Sokl3AU4htyBFTjAeNAlCCmg0f53g6ih3jATyCKftTfw==",
+      "license": "MIT",
+      "dependencies": {
+        "base-x": "^5.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001767",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001767.tgz",
+      "integrity": "sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/code-red": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.10.0",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-es": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz",
+      "integrity": "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==",
+      "license": "MIT"
+    },
+    "node_modules/core-js": {
+      "version": "3.48.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.48.0.tgz",
+      "integrity": "sha512-zpEHTy1fjTMZCKLHUZoVeylt9XrzaIN2rbPXEt0k+q7JE5CkCZdo6bNq55bn24a69CH7ErAVLKijxJja4fw+UQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cross-fetch": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.2.0.tgz",
+      "integrity": "sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^2.7.0"
+      }
+    },
+    "node_modules/cross-fetch/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cross-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/cross-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/cross-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crossws": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/crossws/-/crossws-0.3.5.tgz",
+      "integrity": "sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==",
+      "license": "MIT",
+      "dependencies": {
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/css-doodle": {
+      "version": "0.50.2",
+      "resolved": "https://registry.npmjs.org/css-doodle/-/css-doodle-0.50.2.tgz",
+      "integrity": "sha512-jpb83fSnYvV+iRZkFvDtefXBY2BRQr/OoI7GL2lYF2NZBrj5Yfw6QltvsBW0uNxJmrtfaVGELz4I6w+qLufyEQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/css-doodle"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssfontparser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/cssfontparser/-/cssfontparser-1.2.1.tgz",
+      "integrity": "sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssstyle": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.7.tgz",
+      "integrity": "sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^4.1.1",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.21",
+        "css-tree": "^3.1.0",
+        "lru-cache": "^11.2.4"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cssstyle/node_modules/lru-cache": {
+      "version": "11.2.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.5.tgz",
+      "integrity": "sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "license": "MIT"
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/destr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz",
+      "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
+      "license": "MIT"
+    },
+    "node_modules/detect-browser": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz",
+      "integrity": "sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==",
+      "license": "MIT"
+    },
+    "node_modules/devalue": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.2.tgz",
+      "integrity": "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dexie": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/dexie/-/dexie-4.0.11.tgz",
+      "integrity": "sha512-SOKO002EqlvBYYKQSew3iymBoN2EQ4BDw/3yprjh7kAfFzjBYkaMNa/pZvcA7HSWlcKSQb9XhPe3wKyQ0x4A8A==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==",
+      "license": "MIT"
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/duplexify": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz",
+      "integrity": "sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==",
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.2"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.286",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
+      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/encode-utf8": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
+      "integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==",
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
+      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-toolkit": {
+      "version": "1.39.3",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.3.tgz",
+      "integrity": "sha512-Qb/TCFCldgOy8lZ5uC7nLGdqJwSabkQiYQShmw4jyiPk1pZzaYWTwaYKYP7EgLccWYgZocMrtItrwh683voaww==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
+      "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-config-prettier"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-context": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-context/-/eslint-import-context-0.1.9.tgz",
+      "integrity": "sha512-K9Hb+yRaGAGUbwjhFNHvSmmkZs9+zbuoe3kFQ4V1wYjrepUFYM2dZAfNtjbbj3qsPfUfsA68Bx/ICWQMi+C8Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-tsconfig": "^4.10.1",
+        "stable-hash-x": "^0.2.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-context"
+      },
+      "peerDependencies": {
+        "unrs-resolver": "^1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "unrs-resolver": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-4.4.4.tgz",
+      "integrity": "sha512-1iM2zeBvrYmUNTj2vSC/90JTHDth+dfOfiNKkxApWRsTJYNrc8rOdxxIf5vazX+BiAXTeOT0UvWpGI/7qIWQOw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "debug": "^4.4.1",
+        "eslint-import-context": "^0.1.8",
+        "get-tsconfig": "^4.10.1",
+        "is-bun-module": "^2.0.0",
+        "stable-hash-x": "^0.2.0",
+        "tinyglobby": "^0.2.14",
+        "unrs-resolver": "^1.7.11"
+      },
+      "engines": {
+        "node": "^16.17.0 || >=18.6.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-svelte": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-3.14.0.tgz",
+      "integrity": "sha512-Isw0GvaMm0yHxAj71edAdGFh28ufYs+6rk2KlbbZphnqZAzrH3Se3t12IFh2H9+1F/jlDhBBL4oiOJmLqmYX0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.6.1",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "esutils": "^2.0.3",
+        "globals": "^16.0.0",
+        "known-css-properties": "^0.37.0",
+        "postcss": "^8.4.49",
+        "postcss-load-config": "^3.1.4",
+        "postcss-safe-parser": "^7.0.0",
+        "semver": "^7.6.3",
+        "svelte-eslint-parser": "^1.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.1 || ^9.0.0",
+        "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-svelte/node_modules/globals": {
+      "version": "16.5.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz",
+      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/esm-env": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+      "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/expect-type": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
+      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/fake-indexeddb": {
+      "version": "6.2.5",
+      "resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-6.2.5.tgz",
+      "integrity": "sha512-CGnyrvbhPlWYMngksqrSSUT1BAVP49dZocrHuK0SvtR0D5TMs5wP0o3j7jexDJW01KSadjBp1M/71o/KR3nD1w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-redact": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.5.0.tgz",
+      "integrity": "sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
+    "node_modules/fetch-blob/node_modules/web-streams-polyfill": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
+      "integrity": "sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/filter-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.1.tgz",
+      "integrity": "sha512-EoY1N2xCn44xU6750Sx7OjOIT59FkmstNc3X6y5xpz7D5cBtZRe/3pSlTkDJgqsOk3WwZPkWfonhhUJfttQo3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "17.3.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.3.0.tgz",
+      "integrity": "sha512-yMqGUQVVCkD4tqjOJf3TnrvaaHDMYp4VlUSObbkIiuCPe/ofdMBFIAcBbCSRFWOnos6qRiTVStDwqPLUclaxIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/h3": {
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.5.tgz",
+      "integrity": "sha512-xEyq3rSl+dhGX2Lm0+eFQIAzlDN6Fs0EcC4f7BNUmzaRX/PTzeuM+Tr2lHB8FoXggsQIeXLj8EDVgs5ywxyxmg==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie-es": "^1.2.2",
+        "crossws": "^0.3.5",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "iron-webcrypto": "^1.2.1",
+        "node-mock-http": "^1.0.4",
+        "radix3": "^1.1.2",
+        "ufo": "^1.6.3",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/idb-keyval": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/idb-keyval/-/idb-keyval-6.2.2.tgz",
+      "integrity": "sha512-yjD9nARJ/jb1g+CvD0tlhUHOrJ9Sy0P8T9MF3YaLlHnSRpwPfpTX0XIvpmw3gAJUmEu3FiICLBDPXVwyEvrleg==",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/iron-webcrypto": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
+      "integrity": "sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/brc-dd"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-reference": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+      "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.6"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/isows": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.7.tgz",
+      "integrity": "sha512-I1fSfDCZL5P0v33sVqeTDSpcstAg/N+wF5HS033mogOVIp4B+oHC7oOCsA3axAbBSGTJ8QubbNmnIRN/h8U7hg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "28.0.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-28.0.0.tgz",
+      "integrity": "sha512-KDYJgZ6T2TKdU8yBfYueq5EPG/EylMsBvCaenWMJb2OXmjgczzwveRCoJ+Hgj1lXPDyasvrgneSn4GBuR1hYyA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@acemir/cssom": "^0.9.31",
+        "@asamuzakjp/dom-selector": "^6.7.6",
+        "@exodus/bytes": "^1.11.0",
+        "cssstyle": "^5.3.7",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^8.0.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.0",
+        "undici": "^7.20.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom-worker": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/jsdom-worker/-/jsdom-worker-0.3.0.tgz",
+      "integrity": "sha512-nlPmN0i93+e6vxzov8xqLMR+MBs/TAYeSviehivzqovHH0AgooVx9pQ/otrygASppPvdR+V9Jqx5SMe8+FcADg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mitt": "^3.0.0",
+        "uuid-v4": "^0.1.0"
+      },
+      "peerDependencies": {
+        "node-fetch": "*"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/keyvaluestorage-interface": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/keyvaluestorage-interface/-/keyvaluestorage-interface-1.0.0.tgz",
+      "integrity": "sha512-8t6Q3TclQ4uZynJY9IGr2+SsIGwK9JHcO6ootkHCGA0CrQCRy+VkouYNO2xicET6b9al7QKzpebNow+gkpCL8g==",
+      "license": "MIT"
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.37.0.tgz",
+      "integrity": "sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lamb": {
+      "version": "0.61.1",
+      "resolved": "https://registry.npmjs.org/lamb/-/lamb-0.61.1.tgz",
+      "integrity": "sha512-KnJe/9ezIxQjeK5idtlffn9PlA2y4BNW0FslBZK20+EuMmvePfNL4qO2ZGdP187Vd3yWgrEnrBsfMal/Ggzowg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/lamb-types": {
+      "version": "0.61.16",
+      "resolved": "https://registry.npmjs.org/lamb-types/-/lamb-types-0.61.16.tgz",
+      "integrity": "sha512-cuaOYlTiZ+3oIpKuRlHTR1PvPUQ8sM3sh9Su9eytFt/CuX3QvFsnCMUvheWIVxQAdUtH8R+WwHyw9T0zZiflpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lit": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.3.0.tgz",
+      "integrity": "sha512-DGVsqsOIHBww2DqnuZzW7QsuCdahp50ojuDaBPC7jUDRpYoH0z7kHBBYZewRzer75FwtrkmkKk7iOAwSaWdBmw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^2.1.0",
+        "lit-element": "^4.2.0",
+        "lit-html": "^3.3.0"
+      }
+    },
+    "node_modules/lit-element": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.2.2.tgz",
+      "integrity": "sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.5.0",
+        "@lit/reactive-element": "^2.1.0",
+        "lit-html": "^3.3.0"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.2.tgz",
+      "integrity": "sha512-Qy9hU88zcmaxBXcc10ZpdK7cOLXvXpRoBxERdtqV9QOrfpMZZ6pSYP91LhpPtap3sFMUiL7Tw2RImbe0Al2/kw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
+    },
+    "node_modules/locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/magicast": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.5.1.tgz",
+      "integrity": "sha512-xrHS24IxaLrvuo613F719wvOIv9xPHFWQHuvGUBmPnCA/3MQxKI3b+r7n1jAoDHmsbC5bRhTZYR77invLAxVnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mipd": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/mipd/-/mipd-0.0.7.tgz",
+      "integrity": "sha512-aAPZPNDQ3uMTdKbuO2YmAw2TxLHO0moa4YKAyETM/DTj5FloZo+a+8tU+iv4GmW+sOxKLSRwcSFuczk+Cpt6fg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wagmi-dev"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">=5.0.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/moo-color": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/moo-color/-/moo-color-1.0.3.tgz",
+      "integrity": "sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.1.4"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/multiformats": {
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
+      "integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
+      "license": "(Apache-2.0 AND MIT)"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
+      "integrity": "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==",
+      "license": "MIT"
+    },
+    "node_modules/node-mock-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/node-mock-http/-/node-mock-http-1.0.4.tgz",
+      "integrity": "sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/ofetch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/ofetch/-/ofetch-1.5.1.tgz",
+      "integrity": "sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==",
+      "license": "MIT",
+      "dependencies": {
+        "destr": "^2.0.5",
+        "node-fetch-native": "^1.6.7",
+        "ufo": "^1.6.1"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-0.2.0.tgz",
+      "integrity": "sha512-dqaz3u44QbRXQooZLTUKU41ZrzYrcvLISVgbrzbyCMxpmSLJvZ3ZamIJIZ29P6OhZIkNIQKosdeM6t1LYbA9hg==",
+      "license": "MIT"
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ox": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/ox/-/ox-0.11.3.tgz",
+      "integrity": "sha512-1bWYGk/xZel3xro3l8WGg6eq4YEKlaqvyMtVhfMFpbJzK2F6rj4EDRtqDCWVEJMkzcmEi9uW2QxsqELokOlarw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@adraffy/ens-normalize": "^1.11.0",
+        "@noble/ciphers": "^1.3.0",
+        "@noble/curves": "1.9.1",
+        "@noble/hashes": "^1.8.0",
+        "@scure/bip32": "^1.7.0",
+        "@scure/bip39": "^1.6.0",
+        "abitype": "^1.2.3",
+        "eventemitter3": "5.0.1"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ox/node_modules/@noble/curves": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.1.tgz",
+      "integrity": "sha512-k11yZxZg+t+gWvBbIswW0yoJlu8cHOC7dhunwOzoWH/mXGBiYyR4YY6hAEK/3EUs4UpB8la1RfdRpeGsFHkWsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/ox/node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/ox/node_modules/@scure/base": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
+      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/ox/node_modules/@scure/bip39": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.6.0.tgz",
+      "integrity": "sha512-+lF0BbLiJNwVlev4eKelw1WWLaiKXw7sSl8T6FvBlWkdX+94aGJ4o8XjUdlyhTCjd8c+B3KT3JfS8P0bLRNU6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/periscopic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pino": {
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-7.11.0.tgz",
+      "integrity": "sha512-dMACeu63HtRLmCG8VKdy4cShCPKaYDR4youZqoSWLxl5Gu99HUw8bw75thbPv9Nip+H+QYX8o3ZJbTdVZZ2TVg==",
+      "license": "MIT",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.0.0",
+        "on-exit-leak-free": "^0.2.0",
+        "pino-abstract-transport": "v0.5.0",
+        "pino-std-serializers": "^4.0.0",
+        "process-warning": "^1.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.1.0",
+        "safe-stable-stringify": "^2.1.0",
+        "sonic-boom": "^2.2.1",
+        "thread-stream": "^0.15.1"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-0.5.0.tgz",
+      "integrity": "sha512-+KAgmVeqXYbTtU2FScx1XS3kNyfZ5TrXY07V96QnUSFqo2gAqlvmaxH67Lj7SWazqsMabf+58ctdTcBgnOLUOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "duplexify": "^4.1.2",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-4.0.0.tgz",
+      "integrity": "sha512-cK0pekc1Kjy5w9V2/n+8MkZwusa6EyyxfeQCB799CQRhRt/CqYKiWs5adeu8Shve2ZNffvfC/7J64A2PJo1W/Q==",
+      "license": "MIT"
+    },
+    "node_modules/pixelmatch": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-7.1.0.tgz",
+      "integrity": "sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "pngjs": "^7.0.0"
+      },
+      "bin": {
+        "pixelmatch": "bin/pixelmatch"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz",
+      "integrity": "sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.19.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+      "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^1.10.2"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-7.0.2.tgz",
+      "integrity": "sha512-5osppouFc0VR9/VYzYxO03VaDa3e8F23Kfd6/9qcZTUI8P58GIYlArOET2Wq0ywSl2o2PjELhYOFI4W7l5QHKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz",
+      "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.31"
+      }
+    },
+    "node_modules/postcss-scss": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
+      "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-scss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.29"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-svelte": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.4.1.tgz",
+      "integrity": "sha512-xL49LCloMoZRvSwa6IEdN2GV6cq2IqpYGstYtMT+5wmml1/dClEoI0MZR78MiVPpu6BdQFfN0/y73yO6+br5Pg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "prettier": "^3.0.0",
+        "svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-1.0.0.tgz",
+      "integrity": "sha512-du4wfLyj4yCZq1VupnVSZmRsPJsNuxoDQFdCFHLaYiEbFBD7QE0a+I4D7hOxrVnh78QE/YipFAj9lXHiXocV+Q==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-3.0.1.tgz",
+      "integrity": "sha512-V9plBAt3qjMlS1+nC8771KNf6oJ12gExvaxnNzN/9yVRLdTv/lc+oJlnSzrdYDAvBfTStPCoiaCOTmTs0adv7Q==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qr-scanner": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/qr-scanner/-/qr-scanner-1.4.2.tgz",
+      "integrity": "sha512-kV1yQUe2FENvn59tMZW6mOVfpq9mGxGf8l6+EGaXUOd4RBOLg7tRC83OrirM5AtDvZRpdjdlXURsHreAOSPOUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/offscreencanvas": "^2019.6.4"
+      }
+    },
+    "node_modules/qrcode": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.4.tgz",
+      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/query-string": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
+      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
+      "license": "MIT",
+      "dependencies": {
+        "decode-uri-component": "^0.2.2",
+        "filter-obj": "^1.1.0",
+        "split-on-first": "^1.0.0",
+        "strict-uri-encode": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==",
+      "license": "MIT"
+    },
+    "node_modules/radix3": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
+      "integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==",
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.1.0.tgz",
+      "integrity": "sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "license": "ISC"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz",
+      "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.57.1",
+        "@rollup/rollup-android-arm64": "4.57.1",
+        "@rollup/rollup-darwin-arm64": "4.57.1",
+        "@rollup/rollup-darwin-x64": "4.57.1",
+        "@rollup/rollup-freebsd-arm64": "4.57.1",
+        "@rollup/rollup-freebsd-x64": "4.57.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
+        "@rollup/rollup-linux-arm64-musl": "4.57.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
+        "@rollup/rollup-linux-loong64-musl": "4.57.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-musl": "4.57.1",
+        "@rollup/rollup-openbsd-x64": "4.57.1",
+        "@rollup/rollup-openharmony-arm64": "4.57.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
+        "@rollup/rollup-win32-x64-gnu": "4.57.1",
+        "@rollup/rollup-win32-x64-msvc": "4.57.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
+      "integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC"
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/sonic-boom": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-2.8.0.tgz",
+      "integrity": "sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==",
+      "license": "MIT",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-on-first": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
+      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stable-hash-x": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/stable-hash-x/-/stable-hash-x-0.2.0.tgz",
+      "integrity": "sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/stream-shift": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz",
+      "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==",
+      "license": "MIT"
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "4.2.20",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.20.tgz",
+      "integrity": "sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.9.0",
+        "aria-query": "^5.3.0",
+        "axobject-query": "^4.0.0",
+        "code-red": "^1.0.3",
+        "css-tree": "^2.3.1",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.4",
+        "periscopic": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/svelte-check": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.3.6.tgz",
+      "integrity": "sha512-uBkz96ElE3G4pt9E1Tw0xvBfIUQkeH794kDQZdAUk795UVMr+NJZpuFSS62vcmO/DuSalK83LyOwhgWq8YGU1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "chokidar": "^4.0.1",
+        "fdir": "^6.2.0",
+        "picocolors": "^1.0.0",
+        "sade": "^1.7.4"
+      },
+      "bin": {
+        "svelte-check": "bin/svelte-check"
+      },
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "peerDependencies": {
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/svelte-eslint-parser": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-1.4.1.tgz",
+      "integrity": "sha512-1eqkfQ93goAhjAXxZiu1SaKI9+0/sxp4JIWQwUpsz7ybehRE5L8dNuz7Iry7K22R47p5/+s9EM+38nHV2OlgXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.0.0",
+        "espree": "^10.0.0",
+        "postcss": "^8.4.49",
+        "postcss-scss": "^4.0.9",
+        "postcss-selector-parser": "^7.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0",
+        "pnpm": "10.24.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      },
+      "peerDependencies": {
+        "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/svelte-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/svelte-hmr": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz",
+      "integrity": "sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^12.20 || ^14.13.1 || >= 16"
+      },
+      "peerDependencies": {
+        "svelte": "^3.19.0 || ^4.0.0"
+      }
+    },
+    "node_modules/svelte-preprocess": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-6.0.3.tgz",
+      "integrity": "sha512-PLG2k05qHdhmRG7zR/dyo5qKvakhm8IJ+hD2eFRQmMLHp7X3eJnjeupUtvuRpbNiF31RjVw45W+abDwHEmP5OA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.10.2",
+        "coffeescript": "^2.5.1",
+        "less": "^3.11.3 || ^4.0.0",
+        "postcss": "^7 || ^8",
+        "postcss-load-config": ">=3",
+        "pug": "^3.0.0",
+        "sass": "^1.26.8",
+        "stylus": ">=0.55",
+        "sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "svelte": "^4.0.0 || ^5.0.0-next.100 || ^5.0.0",
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "coffeescript": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "postcss-load-config": {
+          "optional": true
+        },
+        "pug": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/svelte/node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/svelte/node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/thread-stream": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-0.15.2.tgz",
+      "integrity": "sha512-UkEhKIg2pD+fjkHQKyJO3yoIvAP3N6RlNFt2dUhcS1FGvCD1cQa1M/PGknCLFIyZdtJOWQjejp7bdNqmN7zwdA==",
+      "license": "MIT",
+      "dependencies": {
+        "real-require": "^0.1.0"
+      }
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
+      "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.0.21",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.21.tgz",
+      "integrity": "sha512-Plu6V8fF/XU6d2k8jPtlQf5F4Xx2hAin4r2C2ca7wR8NK5MbRTo9huLUWRe28f3Uk8bYZfg74tit/dSjc18xnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.0.21"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.0.21",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.21.tgz",
+      "integrity": "sha512-oVOMdHvgjqyzUZH1rOESgJP1uNe2bVrfK0jUHHmiM2rpEiRbf3j4BrsIc6JigJRbHGanQwuZv/R+LTcHsw+bLA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
+      "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
+      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tsconfck": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-3.1.6.tgz",
+      "integrity": "sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tsconfck": "bin/tsconfck.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "license": "MIT"
+    },
+    "node_modules/uint8arrays": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/uint8arrays/-/uint8arrays-3.1.1.tgz",
+      "integrity": "sha512-+QJa8QRnbdXVpHYjLoTpJIdCTiw9Ir62nocClWuXIq2JIh4Uta0cQsTSpFL678p2CN8B+XSApwcU+pQEqVpKWg==",
+      "license": "MIT",
+      "dependencies": {
+        "multiformats": "^9.4.2"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz",
+      "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
+      "license": "MIT"
+    },
+    "node_modules/undici": {
+      "version": "7.20.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.20.0.tgz",
+      "integrity": "sha512-MJZrkjyd7DeC+uPZh+5/YaMDxFiiEEaDgbUSVMXayofAkDWF1088CDo+2RPg7B1BuS1qf1vgNE7xqwPxE0DuSQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
+    "node_modules/unstorage": {
+      "version": "1.17.4",
+      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.17.4.tgz",
+      "integrity": "sha512-fHK0yNg38tBiJKp/Vgsq4j0JEsCmgqH58HAn707S7zGkArbZsVr/CwINoi+nh3h98BRCwKvx1K3Xg9u3VV83sw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "^3.1.3",
+        "chokidar": "^5.0.0",
+        "destr": "^2.0.5",
+        "h3": "^1.15.5",
+        "lru-cache": "^11.2.0",
+        "node-fetch-native": "^1.6.7",
+        "ofetch": "^1.5.1",
+        "ufo": "^1.6.3"
+      },
+      "peerDependencies": {
+        "@azure/app-configuration": "^1.8.0",
+        "@azure/cosmos": "^4.2.0",
+        "@azure/data-tables": "^13.3.0",
+        "@azure/identity": "^4.6.0",
+        "@azure/keyvault-secrets": "^4.9.0",
+        "@azure/storage-blob": "^12.26.0",
+        "@capacitor/preferences": "^6 || ^7 || ^8",
+        "@deno/kv": ">=0.9.0",
+        "@netlify/blobs": "^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0",
+        "@planetscale/database": "^1.19.0",
+        "@upstash/redis": "^1.34.3",
+        "@vercel/blob": ">=0.27.1",
+        "@vercel/functions": "^2.2.12 || ^3.0.0",
+        "@vercel/kv": "^1 || ^2 || ^3",
+        "aws4fetch": "^1.0.20",
+        "db0": ">=0.2.1",
+        "idb-keyval": "^6.2.1",
+        "ioredis": "^5.4.2",
+        "uploadthing": "^7.4.4"
+      },
+      "peerDependenciesMeta": {
+        "@azure/app-configuration": {
+          "optional": true
+        },
+        "@azure/cosmos": {
+          "optional": true
+        },
+        "@azure/data-tables": {
+          "optional": true
+        },
+        "@azure/identity": {
+          "optional": true
+        },
+        "@azure/keyvault-secrets": {
+          "optional": true
+        },
+        "@azure/storage-blob": {
+          "optional": true
+        },
+        "@capacitor/preferences": {
+          "optional": true
+        },
+        "@deno/kv": {
+          "optional": true
+        },
+        "@netlify/blobs": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@upstash/redis": {
+          "optional": true
+        },
+        "@vercel/blob": {
+          "optional": true
+        },
+        "@vercel/functions": {
+          "optional": true
+        },
+        "@vercel/kv": {
+          "optional": true
+        },
+        "aws4fetch": {
+          "optional": true
+        },
+        "db0": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "ioredis": {
+          "optional": true
+        },
+        "uploadthing": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unstorage/node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/unstorage/node_modules/lru-cache": {
+      "version": "11.2.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.5.tgz",
+      "integrity": "sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/unstorage/node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
+      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/uuid-v4": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/uuid-v4/-/uuid-v4-0.1.0.tgz",
+      "integrity": "sha512-m11RYDtowtAIihBXMoGajOEKpAXrKbpKlpmxqyztMYQNGSY5nZAZ/oYch/w2HNS1RMA4WLGcZvuD8/wFMuCEzA==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/valtio": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/valtio/-/valtio-2.1.5.tgz",
+      "integrity": "sha512-vsh1Ixu5mT0pJFZm+Jspvhga5GzHUTYv0/+Th203pLfh3/wbHwxhu/Z2OkZDXIgHfjnjBns7SN9HNcbDvPmaGw==",
+      "license": "MIT",
+      "dependencies": {
+        "proxy-compare": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "react": ">=18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/viem": {
+      "version": "2.45.1",
+      "resolved": "https://registry.npmjs.org/viem/-/viem-2.45.1.tgz",
+      "integrity": "sha512-LN6Pp7vSfv50LgwhkfSbIXftAM5J89lP9x8TeDa8QM7o41IxlHrDh0F9X+FfnCWtsz11pEVV5sn+yBUoOHNqYA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/curves": "1.9.1",
+        "@noble/hashes": "1.8.0",
+        "@scure/bip32": "1.7.0",
+        "@scure/bip39": "1.6.0",
+        "abitype": "1.2.3",
+        "isows": "1.0.7",
+        "ox": "0.11.3",
+        "ws": "8.18.3"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/viem/node_modules/@noble/curves": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.1.tgz",
+      "integrity": "sha512-k11yZxZg+t+gWvBbIswW0yoJlu8cHOC7dhunwOzoWH/mXGBiYyR4YY6hAEK/3EUs4UpB8la1RfdRpeGsFHkWsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/viem/node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/viem/node_modules/@scure/base": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
+      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/viem/node_modules/@scure/bip39": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.6.0.tgz",
+      "integrity": "sha512-+lF0BbLiJNwVlev4eKelw1WWLaiKXw7sSl8T6FvBlWkdX+94aGJ4o8XjUdlyhTCjd8c+B3KT3JfS8P0bLRNU6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/viem/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-tsconfig-paths": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-6.0.5.tgz",
+      "integrity": "sha512-f/WvY6ekHykUF1rWJUAbCU7iS/5QYDIugwpqJA+ttwKbxSbzNlqlE8vZSrsnxNQciUW+z6lvhlXMaEyZn9MSig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "globrex": "^0.1.2",
+        "tsconfck": "^3.0.3"
+      },
+      "peerDependencies": {
+        "vite": "*"
+      }
+    },
+    "node_modules/vitefu": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
+      "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.18.tgz",
+      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vitest/expect": "4.0.18",
+        "@vitest/mocker": "4.0.18",
+        "@vitest/pretty-format": "4.0.18",
+        "@vitest/runner": "4.0.18",
+        "@vitest/snapshot": "4.0.18",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "es-module-lexer": "^1.7.0",
+        "expect-type": "^1.2.2",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^3.10.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.0.3",
+        "vite": "^6.0.0 || ^7.0.0",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "4.0.18",
+        "@vitest/browser-preview": "4.0.18",
+        "@vitest/browser-webdriverio": "4.0.18",
+        "@vitest/ui": "4.0.18",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest-canvas-mock": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/vitest-canvas-mock/-/vitest-canvas-mock-1.1.3.tgz",
+      "integrity": "sha512-zlKJR776Qgd+bcACPh0Pq5MG3xWq+CdkACKY/wX4Jyija0BSz8LH3aCCgwFKYFwtm565+050YFEGG9Ki0gE/Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssfontparser": "^1.2.1",
+        "moo-color": "^1.0.3"
+      },
+      "peerDependencies": {
+        "vitest": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vitest/node_modules/@vitest/mocker": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz",
+      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "4.0.18",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
+    "node_modules/vitest/node_modules/vite": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/yaml": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wagmi": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-3.4.2.tgz",
+      "integrity": "sha512-ZPZUquVh75NCHvb0qI+SBegUzcFHGIGtIKCL6gtHLcYHMcEMllqZGXtkIpc98IUq5Vq7Qey4FSG4ohTtMfQ/Yw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@wagmi/connectors": "7.1.6",
+        "@wagmi/core": "3.3.2",
+        "use-sync-external-store": "1.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "@tanstack/react-query": ">=5.0.0",
+        "react": ">=18",
+        "typescript": ">=5.7.3",
+        "viem": "2.x"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.2.0.tgz",
+      "integrity": "sha512-0rYDzGOh9EZpig92umN5g5D/9A1Kff7k0/mzPSSCY8jEQeYkgRMoY7LhbXtUCWzLCMX0TUE9aoHkjFNB7D9pfA==",
+      "license": "MIT",
+      "workspaces": [
+        "test/benchmark-test",
+        "test/rollup-test",
+        "test/webpack-test"
+      ],
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.0.tgz",
+      "integrity": "sha512-9CcxtEKsf53UFwkSUZjG+9vydAsFO4lFHBpJUtjBcoJOCJpKnSJNwCw813zrYJHpCJ7sgfbtOe0V5Ku7Pa1XMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.11.0",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "license": "ISC"
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "license": "ISC"
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yargs/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yargs/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.22.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
+      "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.0.tgz",
+      "integrity": "sha512-LE+VcmbartOPM+auOjCCLQOsQ05zUTp8RkgwRzefUk+2jISdMMFnxvyTjA4YNWr5ZGXYbVsEMZosttuxUBkojQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    }
+  }
 }
diff --git a/package.json b/package.json
index dad50d8f..b50d3e8a 100644
--- a/package.json
+++ b/package.json
@@ -1,72 +1,89 @@
 {
-	"author": {
-		"name": "Dusk Network B.V.",
-		"url": "https://dusk.network/",
-		"mail": "info@dusk.network"
-	},
-	"bugs": "https://github.com/dusk-network/web-wallet/issues",
-	"engines": {
-		"node": ">=18.0.0"
-	},
-	"homepage": "https://github.com/dusk-network/web-wallet",
-	"license": "MPL-2.0",
-	"name": "web-wallet",
-	"private": true,
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/dusk-network/web-wallet.git"
-	},
-	"scripts": {
-		"build": "vite build",
-		"checks": "npm run lint && npm run typecheck && npm test",
-		"dev": "vite dev",
-		"dev:host": "vite dev --host",
-		"lint": "eslint .",
-		"lint:fix": "eslint . --fix",
-		"preview": "vite preview",
-		"test": "vitest --run",
-		"test:coverage": "vitest --run --coverage.enabled",
-		"test:watch": "vitest",
-		"typecheck": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --fail-on-warnings",
-		"typecheck:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch --fail-on-warnings"
-	},
-	"type": "module",
-	"version": "1.0.0-beta",
-	"dependencies": {
-		"@dusk-network/dusk-wallet-js": "0.3.2",
-		"@floating-ui/dom": "1.5.3",
-		"@mdi/js": "7.3.67",
-		"bip39": "3.1.0",
-		"css-doodle": "0.37.4",
-		"lamb": "0.61.1",
-		"qr-scanner": "1.4.2",
-		"qrcode": "1.5.3",
-		"svelte-persisted-store": "0.7.0"
-	},
-	"devDependencies": {
-		"@dusk-network/eslint-config": "2.1.0",
-		"@sveltejs/adapter-static": "2.0.3",
-		"@sveltejs/kit": "1.27.6",
-		"@testing-library/jest-dom": "6.1.4",
-		"@testing-library/svelte": "4.0.5",
-		"@vitejs/plugin-basic-ssl": "1.0.2",
-		"@vitest/browser": "0.34.6",
-		"@vitest/coverage-v8": "0.34.6",
-		"@zerodevx/svelte-toast": "^0.9.5",
-		"autoprefixer": "10.4.16",
-		"eslint": "8.54.0",
-		"eslint-import-resolver-custom-alias": "1.3.2",
-		"eslint-plugin-svelte": "2.35.1",
-		"jsdom": "23.0.0",
-		"jsdom-worker": "0.3.0",
-		"postcss-nested": "6.0.1",
-		"svelte": "4.2.7",
-		"svelte-check": "3.6.2",
-		"svelte-preprocess": "5.1.1",
-		"typescript": "5.3.2",
-		"vite": "4.5.0",
-		"vite-plugin-node-polyfills": "0.17.0",
-		"vite-tsconfig-paths": "4.2.1",
-		"vitest": "0.34.6"
-	}
+  "author": {
+    "name": "Dusk Network B.V.",
+    "url": "https://dusk.network/",
+    "mail": "info@dusk.network"
+  },
+  "bugs": "https://github.com/dusk-network/web-wallet/issues",
+  "engines": {
+    "node": "^24.0.0"
+  },
+  "homepage": "https://github.com/dusk-network/web-wallet",
+  "license": "MPL-2.0",
+  "name": "web-wallet",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dusk-network/web-wallet.git"
+  },
+  "scripts": {
+    "build": "vite build",
+    "checks": "svelte-kit sync && npm run format && npm run lint && npm run typecheck && npm test",
+    "dev": "vite dev",
+    "dev:host": "vite dev --host",
+    "format": "prettier . --check",
+    "format:fix": "prettier . --write",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "preview": "vite preview",
+    "test": "vitest --run",
+    "test:coverage": "vitest --run --coverage.enabled",
+    "test:watch": "vitest",
+    "typecheck": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --fail-on-warnings",
+    "typecheck:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch --fail-on-warnings"
+  },
+  "type": "module",
+  "version": "1.7.0",
+  "dependencies": {
+    "@dusk/w3sper": "npm:@jsr/dusk__w3sper@^1.4.0",
+    "@floating-ui/dom": "1.7.5",
+    "@mdi/js": "7.4.47",
+    "@reown/appkit": "1.7.20",
+    "@reown/appkit-adapter-wagmi": "1.7.20",
+    "@scure/bip39": "2.0.1",
+    "css-doodle": "0.50.2",
+    "dexie": "4.0.11",
+    "lamb": "0.61.1",
+    "qr-scanner": "1.4.2",
+    "qrcode": "1.5.4",
+    "web-streams-polyfill": "4.2.0"
+  },
+  "devDependencies": {
+    "@dusk-network/eslint-config": "4.0.1",
+    "@dusk-network/prettier-config": "1.1.0",
+    "@duskit/encoding": "0.0.1",
+    "@eslint/js": "9.39.2",
+    "@juggle/resize-observer": "3.4.0",
+    "@sveltejs/adapter-static": "3.0.10",
+    "@sveltejs/kit": "2.50.1",
+    "@sveltejs/vite-plugin-svelte": "3.1.2",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/svelte": "5.3.1",
+    "@types/node": "25.2.0",
+    "@vitejs/plugin-basic-ssl": "1.2.0",
+    "@vitest/browser": "4.0.18",
+    "@vitest/coverage-istanbul": "4.0.18",
+    "autoprefixer": "10.4.24",
+    "core-js": "3.48.0",
+    "eslint": "9.39.2",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-svelte": "3.14.0",
+    "fake-indexeddb": "6.2.5",
+    "globals": "17.3.0",
+    "jsdom": "28.0.0",
+    "jsdom-worker": "0.3.0",
+    "lamb-types": "0.61.16",
+    "postcss-nested": "7.0.2",
+    "prettier": "3.8.1",
+    "prettier-plugin-svelte": "3.4.1",
+    "svelte": "4.2.20",
+    "svelte-check": "4.3.6",
+    "svelte-preprocess": "6.0.3",
+    "typescript": "5.9.3",
+    "vite": "5.4.21",
+    "vite-tsconfig-paths": "6.0.5",
+    "vitest": "4.0.18",
+    "vitest-canvas-mock": "1.1.3"
+  }
 }
diff --git a/src/app.d.ts b/src/app.d.ts
new file mode 100644
index 00000000..ad2be097
--- /dev/null
+++ b/src/app.d.ts
@@ -0,0 +1,22 @@
+declare namespace svelteHTML {
+  interface HTMLAttributes<T> {
+    "on:wizardstepchange"?: (
+      event: CustomEvent<{ step: number; stepsCount: number }>
+    ) => void;
+  }
+}
+
+/* Aliases for common w3sper's types */
+
+type AccountBalance = import("@dusk/w3sper").AccountBalance;
+type AccountSyncer = import("@dusk/w3sper").AccountSyncer;
+type AddressBalance = import("@dusk/w3sper").AddressBalance;
+type AddressSyncer = import("@dusk/w3sper").AddressSyncer;
+type Bookmark = import("@dusk/w3sper").Bookmark;
+type Contract = import("@dusk/w3sper").Contract;
+type DataDriverRegistry = import("@dusk/w3sper").DataDriverRegistry;
+type Gas = import("@dusk/w3sper").Gas;
+type Network = import("@dusk/w3sper").Network;
+type Profile = import("@dusk/w3sper").Profile;
+type ProfileGenerator = import("@dusk/w3sper").ProfileGenerator;
+type StakeInfo = import("@dusk/w3sper").StakeInfo;
diff --git a/src/app.html b/src/app.html
index 168693bc..f3ed2e74 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,14 +1,21 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-	<head>
-		<title>Wallet - Dusk</title>
-		<meta charset="utf-8"/>
-    	<link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png"/>
-    	<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg"/>
-		<meta name="viewport" content="width=device-width, initial-scale=1"/>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-code="viewport" data-sveltekit-preload-data="hover">
-		<div id="outer-container">%sveltekit.body%</div>
-	</body>
+  <head>
+    <title>Dusk Web Wallet</title>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="%sveltekit.assets%/favicon.svg"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    %sveltekit.head%
+  </head>
+  <body
+    data-sveltekit-preload-code="viewport"
+    data-sveltekit-preload-data="hover"
+  >
+    <div id="outer-container">%sveltekit.body%</div>
+  </body>
 </html>
diff --git a/src/env.d.ts b/src/env.d.ts
index 14218c02..5cb7bc3a 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,3 +1,3 @@
 declare const CONFIG: {
-	LOCAL_STORAGE_APP_KEY: string
+  LOCAL_STORAGE_APP_KEY: string;
 };
diff --git a/src/error.html b/src/error.html
index ccbc754e..67855285 100644
--- a/src/error.html
+++ b/src/error.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>%sveltekit.error.message%</title>
-    </head>
-    <body>
-        <h1>Error</h1>
-        <p>Status: %sveltekit.status%</p>
-        <p>Message: %sveltekit.error.message%</p>
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>%sveltekit.error.message%</title>
+  </head>
+  <body>
+    <h1>Error</h1>
+    <p>Status: %sveltekit.status%</p>
+    <p>Message: %sveltekit.error.message%</p>
+  </body>
 </html>
diff --git a/src/hooks.js b/src/hooks.js
new file mode 100644
index 00000000..ca6b3dbe
--- /dev/null
+++ b/src/hooks.js
@@ -0,0 +1,2 @@
+/** @see https://github.com/dusk-network/rusk/issues/3570 */
+import "$lib/dusk/polyfill";
diff --git a/src/lamb.d.ts b/src/lamb.d.ts
deleted file mode 100644
index f5bc2c1d..00000000
--- a/src/lamb.d.ts
+++ /dev/null
@@ -1,687 +0,0 @@
-declare module "lamb" {
-	/* ------------------------- *
-	 * ***** UTILITY TYPES ***** *
-	 * ------------------------- */
-
-	type AnyFunction = (...args: any) => any;
-
-	type FoldAccumulatorCallback<
-		L extends ArrayLike<any>,
-		R,
-		I extends keyof L & number = any
-	> = (result: R, current: L[I], idx: I, list: L) => R;
-
-	type ListIteratorCallback<
-		L extends ArrayLike<any>,
-		R,
-		I extends keyof L & number = any
-	> = (element: L[I], idx: I, list: L) => R;
-
-	type ObjectIteratorCallback<
-		S extends Record<string, any>,
-		R,
-		K extends keyof S & string = any
-	> = (value: S[K], key: K, source: S) => R;
-
-	type Ord = Number | number | String | string | Boolean | boolean | Date;
-
-	/** @see https://dev.to/ecyrbe/how-to-use-advanced-typescript-to-define-a-pipe-function-381h  */
-	type PipeArgs<
-		Fns extends AnyFunction[],
-		AccFns extends AnyFunction[] = []
-  	> = Fns extends [(...args: infer A) => infer B]
-		? [...AccFns, (...args: A) => B]
-		: Fns extends [(...args: infer A) => any, ...infer Tail]
-			? Tail extends [(arg: infer B) => any, ...any[]]
-				? PipeArgs<Tail, [...AccFns, (...args: A) => B]>
-				: AccFns
-			: AccFns;
-
-	type PipeArgsLastReturnType<
-		Fns extends AnyFunction[],
-		Else = never
-	> = Fns extends [...any[], (...args: any) => infer R] ? R : Else;
-
-	type Predicate<T, U extends T> = (v: T) => v is U;
-
-	type ReduceAccumulatorCallback<
-		T,
-		L extends ArrayLike<T>,
-		I extends keyof L & number = any
-	> = (prev: T, current: L[I], idx: I, list: L) => T;
-
-	type Sorter<T = any, IsDesc extends boolean = false> = {
-		compare: (a: T, b: T) => number;
-		isDescending: IsDesc;
-	};
-
-	type SorterComparer<T = any> = (a: T, b: T) => number;
-
-	type SorterReader<T = any> = (value: T) => any;
-
-	type UnaryFunction<A = any, B = any> = (v: A) => B;
-
-	/* ------------------------- *
-	 * *****     ARRAY     ***** *
-	 * ------------------------- */
-
-	function append<T> (value: T): (arrayLike: ArrayLike<T>) => Array<T>;
-
-	function appendTo<T> (arrayLike: ArrayLike<T>, value: T): Array<T>;
-
-	function contains<T> (value: T): (arrayLike: ArrayLike<T>) => boolean;
-
-	function count<
-		R extends string,
-		L extends ArrayLike<any>,
-		F extends ListIteratorCallback<L, R>
-	> (arrayLike: L, iteratee: F): Record<R, number>;
-
-	function countBy<
-		R extends string,
-		L extends ArrayLike<any>,
-		F extends ListIteratorCallback<L, R>
-	> (iteratee: F): (arrayLike: L) => Record<R, number>;
-
-	function difference<T> (a: ArrayLike<T>, b: ArrayLike<T>): Array<T>;
-
-	function drop (n: number): <T>(arrayLike: ArrayLike<T>) => Array<T>;
-
-	function dropFrom<T> (arrayLike: ArrayLike<T>, n: number): Array<T>;
-
-	function dropLastWhile<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => Array<T>;
-
-	function dropWhile<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => Array<T>;
-
-	function every<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => boolean;
-
-	function everyIn<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): boolean;
-
-	function filter<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): Array<T>;
-
-	function filterWith<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => Array<T>;
-
-	function find<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): T | undefined;
-
-	function findIndex<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): number;
-
-	function findIndexWhere<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => number;
-
-	function findLast<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): T | undefined;
-
-	function findLastIndex<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): number;
-
-	function findLastIndexWhere<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => number;
-
-	function findLastWhere<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => T | undefined;
-
-	function findWhere<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => T | undefined;
-
-	function flatMap<
-		T extends any | any[],
-		R,
-		A extends Array<T>,
-		F extends ListIteratorCallback<A, R>
-	> (array: A, iteratee: F): Array<R>;
-
-	function flatMapWith<
-		T extends any | any[],
-		R,
-		A extends Array<T>,
-		F extends ListIteratorCallback<A, R>
-	> (iteratee: F): (array: A) => Array<R>;
-
-	function flatten<
-		T,
-		U extends T | T[],
-		A extends Array<U>
-	> (array: A): Array<T>;
-
-	function getAt (index: number): <T>(arrayLike: ArrayLike<T>) => T | undefined;
-
-	function getIndex<T> (arrayLike: ArrayLike<T>, index: number): T | undefined;
-
-	function group<
-		T extends Record<string, any>,
-		V extends T[keyof T],
-		L extends ArrayLike<T>,
-		F extends ListIteratorCallback<L, V | undefined>
-	> (arrayLike: L, iteratee: F): Record<V | "undefined", Array<T>>;
-
-	function groupBy<
-		T extends Record<string, any>,
-		V extends T[keyof T],
-		L extends ArrayLike<T>,
-		F extends ListIteratorCallback<L, V | undefined>,
-	> (iteratee: F): (arrayLike: L) => Record<V | "undefined", Array<T>>;
-
-	function head<const L extends ArrayLike<any>> (arrayLike: L): L["length"] extends 0 ? undefined : L[0];
-
-	function index<
-		T extends Record<string, any>,
-		V extends T[keyof T],
-		L extends ArrayLike<T>,
-		F extends ListIteratorCallback<L, V | undefined>
-	> (arrayLike: L, iteratee: F): Record<V | "undefined", T>;
-
-	function indexBy<
-		T extends Record<string, any>,
-		V extends T[keyof T],
-		L extends ArrayLike<T>,
-		F extends ListIteratorCallback<L, V | undefined>
-	> (iteratee: F): (arrayLike: L) => Record<V | "undefined", T>;
-
-	function init<T> (arrayLike: ArrayLike<T>): Array<T>;
-
-	function insert<T> (arrayLike: ArrayLike<T>, index: number, element: T): Array<T>;
-
-	function insertAt<T> (index: number, element: T): (arrayLike: ArrayLike<T>) => Array<T>;
-
-	function intersection<T> (a: ArrayLike<T>, b: ArrayLike<T>): Array<T>;
-
-	function isIn<T> (arrayLike: ArrayLike<T>, value: T): boolean;
-
-	function join<T> (arrayLike: ArrayLike<T>, separator: string): string;
-
-	function joinWith (separator: string): <T>(arrayLike: ArrayLike<T>) => string;
-
-	function last<const L extends ArrayLike<any>> (arrayLike: L): L["length"] extends 0 ? undefined : L[-1];
-
-	function list<T> (...values: T[]): Array<T>;
-
-	function map<
-		T,
-		L extends ArrayLike<T>,
-		R
-	> (arrayLike: L, iteratee: ListIteratorCallback<L, R>): Array<R>;
-
-	function mapWith<
-		T,
-		L extends ArrayLike<T>,
-		R
-	> (iteratee: ListIteratorCallback<L, R>): (arrayLike: L) => Array<R>;
-
-	function partition<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): [Array<T>, Array<T>];
-
-	function partitionWith<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => [Array<T>, Array<T>];
-
-	function pluck<
-		T,
-		U extends Record<string, T>,
-		K extends keyof U
-	> (key: K): (arrayLike: ArrayLike<U>) => Array<T>;
-
-	function pluckFrom<
-		T,
-		U extends Record<string, T>,
-		K extends keyof U
-	> (arrayLike: ArrayLike<U>, key: K): Array<T>;
-
-	function pullFrom<
-		T,
-		L extends ArrayLike<T>,
-		V extends ArrayLike<T>
-	> (arrayLike: L, values: V): Array<T>;
-
-	function pull<
-		T,
-		L extends ArrayLike<T>,
-		V extends ArrayLike<T>
-	> (values: V): (arrayLike: L) => Array<T>;
-
-	function reduceRight<
-		T,
-		L extends ArrayLike<T>,
-		Acc extends ReduceAccumulatorCallback<T, L>
-	> (arrayLike: L, accumulator: Acc): T;
-	function reduceRight<
-		R,
-		L extends ArrayLike<any>,
-		Acc extends FoldAccumulatorCallback<L, R>
-	> (arrayLike: L, accumulator: Acc, initialValue: R): R;
-
-	function reduceRightWith<
-		T,
-		L extends ArrayLike<T>,
-		Acc extends ReduceAccumulatorCallback<T, L>
-	> (accumulator: Acc): (arrayLike: L) => T;
-	function reduceRightWith<
-		R,
-		L extends ArrayLike<any>,
-		Acc extends FoldAccumulatorCallback<L, R>
-	> (accumulator: Acc, initialValue: R): (list: L) => R;
-
-	function reverse<
-		T,
-		L extends ArrayLike<T>
-	> (arrayLike: L): Array<T>;
-
-	function rotate<
-		T,
-		L extends ArrayLike<T>
-	> (arrayLike: L, amount: number): Array<T>;
-
-	function rotateBy<
-		T,
-		L extends ArrayLike<T>
-	> (amount: number): (arrayLike: L) => Array<T>;
-
-	function setAt<
-		T,
-		L extends ArrayLike<T>
-	> (index: number, value: T): (arrayLike: L) => Array<T>;
-
-	function setIndex<
-		T,
-		L extends ArrayLike<T>
-	> (arrayLike: L, index: number, value: T): Array<T>;
-
-	function shallowFlatten<
-		T,
-		U extends T | T[]
-	> (array: Array<U>): Array<U>;
-
-	function some<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (predicate: P): (arrayLike: L) => boolean;
-
-	function someIn<
-		T,
-		L extends ArrayLike<T>,
-		P extends ListIteratorCallback<L, boolean>
-	> (arrayLike: L, predicate: P): boolean;
-
-	function sort<
-		T,
-		L extends ArrayLike<T>,
-		S extends Array<Sorter<T, boolean> | SorterReader<T>> = [Sorter<T, false>]
-	> (arrayLike: L, sorters?: S): Array<T>;
-
-	function sortedInsert<
-		T,
-		L extends ArrayLike<T>,
-		S extends Array<Sorter<T, boolean> | SorterReader<T>> = [Sorter<T, false>]
-	> (arrayLike: L, element: T, sorters?: S): Array<T>;
-
-	function sorter<
-		T,
-		RD extends SorterReader<T> = (value: T) => T,
-	> (reader?: RD, comparer?: SorterComparer<T>): Sorter<T, false>;
-
-	function sorterDesc<
-		T,
-		RD extends SorterReader<T> = (value: T) => T,
-	> (reader?: RD, comparer?: SorterComparer<T>): Sorter<T, true>;
-
-	function sortWith<
-		T,
-		L extends ArrayLike<T>,
-		S extends Array<Sorter<T, boolean> | SorterReader<T>> = [Sorter<T, false>]
-	> (sorters?: S): (arrayLike: L) => Array<T>;
-
-	function take<
-		T,
-		L extends ArrayLike<T>
-	> (amount: number): (arrayLike: L) => Array<T>;
-
-	function uniques<T> (arrayLike: ArrayLike<T>): Array<T>;
-
-	function uniquesBy<
-		T,
-		L extends ArrayLike<T>,
-		F extends ListIteratorCallback<L, any>
-	> (iteratee: F): (arrayLike: L) => Array<T>;
-
-	/* ------------------------- *
-	 * *****     CORE      ***** *
-	 * ------------------------- */
-
-	type __ = {};
-
-	function always<T> (value: T): (...args: unknown[]) => T;
-
-	function areSVZ (a: any, b: any): boolean;
-
-	function binary<
-		A,
-		B,
-		R,
-		F extends (...args: [A, B, ...any[]]) => R
-	> (fn: F): (a: A, b: B) => R;
-
-	function clamp (n: number, min: number, max: number): number;
-
-	function clampWithin (min: number, max: number): (n: number) => number;
-
-	function compose<
-		A,
-		B,
-		C
-	> (f: UnaryFunction<B, C>, g: UnaryFunction<A, B>): (value: A) => C;
-	function compose<
-		A extends any[],
-		B,
-		C
-	> (f: UnaryFunction<B, C>, g: (...args: A) => B): (...values: A) => C;
-
-	function partial<
-		Args extends (any | __)[],
-		F extends AnyFunction
-	> (fn: F, args: Args): (...args: any[]) => ReturnType<F>;
-
-	function partialRight<
-		Args extends (any | __)[],
-		F extends AnyFunction
-	> (fn: F, args: Args): (...args: any[]) => ReturnType<F>;
-
-	function reduce<
-		T,
-		L extends ArrayLike<T>,
-		Acc extends ReduceAccumulatorCallback<T, L>
-	> (arrayLike: L, accumulator: Acc): T;
-	function reduce<
-		R,
-		L extends ArrayLike<any>,
-		Acc extends FoldAccumulatorCallback<L, R>
-	> (arrayLike: L, accumulator: Acc, initialValue: R): R;
-
-	function reduceWith<
-		T,
-		L extends ArrayLike<T>,
-		Acc extends ReduceAccumulatorCallback<T, L>
-	> (accumulator: Acc): (arrayLike: L) => T;
-	function reduceWith<
-		R,
-		L extends ArrayLike<any>,
-		Acc extends FoldAccumulatorCallback<L, R>
-	> (accumulator: Acc, initialValue: R): (list: L) => R;
-
-	function slice<T> (arrayLike: ArrayLike<T>, start: number, end: number): Array<T>;
-
-	function sliceAt (start: number, end: number): <T>(arrayLike: ArrayLike<T>) => Array<T>;
-
-	function type (value: any): string;
-
-	/* ------------------------- *
-	 * *****   FUNCTION    ***** *
-	 * ------------------------- */
-
-	function collect<
-		T,
-		Args extends any[],
-		Fns extends Array<(...args: Args) => T>,
-	> (functions: Fns): (...args: Args) => T[];
-
-	function invokeOn<
-		TG extends Object
-	> (target: TG): <M extends string>(method: M, ...args: any[]) => M extends keyof TG
-		? TG[M] extends AnyFunction
-			? ReturnType<TG[M]>
-			: never
-		: undefined;
-
-	function pipe (functions: []): <Args extends any[]>(...args: Args) => Args["length"] extends 0 ? undefined : typeof args[0];
-	function pipe<
-		Fns extends AnyFunction[],
-		Args extends Parameters<Fns[0]>,
-		R extends PipeArgsLastReturnType<Fns, ReturnType<Fns[0]>>
-	> (functions: PipeArgs<Fns> extends Fns ? Fns : PipeArgs<Fns>): (...args: Args) => R;
-
-	function unary<T, R> (fn: (a: T, ...args: any[]) => R): UnaryFunction<T, R>;
-
-	/* ------------------------- *
-	 * *****     LOGIC     ***** *
-	 * ------------------------- */
-
-	function allOf<
-		T,
-		P extends (value: T) => boolean
-	> (predicates: Array<P>): P;
-
-	function anyOf<
-		T,
-		P extends (value: T) => boolean
-	> (predicates: Array<P>): P;
-
-	function condition<
-		T,
-		U extends T,
-		TR,
-		FR,
-		P extends Predicate<T, U>
-	> (predicate: P, trueFn: (value: U) => TR, falseFn: (value: Exclude<T, U>) => FR): (value: T) => U extends T ? TR : FR;
-
-	function gt (a: Ord, b: Ord): boolean;
-
-	function gte (a: Ord, b: Ord): boolean;
-
-	function lt (a: Ord, b: Ord): boolean;
-
-	function lte (a: Ord, b: Ord): boolean;
-
-	function isGT (b: Ord): (a: Ord) => boolean;
-
-	function isGTE (b: Ord): (a: Ord) => boolean;
-
-	function isLT (b: Ord): (a: Ord) => boolean;
-
-	function isLTE (b: Ord): (a: Ord) => boolean;
-
-	function unless<
-		R,
-		T,
-		U extends T,
-		P extends Predicate<T, U>,
-		F extends UnaryFunction<Exclude<T, U>, R>
-	> (predicate: P, fn: F): (value: T | U) => U extends T ? T : R;
-	function unless<
-		R,
-		T,
-		P extends UnaryFunction<T, boolean>,
-		F extends UnaryFunction<T, R>
-	> (predicate: P, fn: F): (value: T) => ReturnType<P> extends true ? T : R;
-
-	function when<
-		R,
-		T,
-		U extends T,
-		P extends Predicate<T, U>,
-		F extends UnaryFunction<Exclude<T, U>, R>
-	> (predicate: P, fn: F): (value: T | U) => U extends T ? T : T;
-	function when<
-		R,
-		T,
-		P extends UnaryFunction<T, boolean>,
-		F extends UnaryFunction<T, R>
-	> (predicate: P, fn: F): (value: T) => ReturnType<P> extends true ? R : T;
-
-	/* ------------------------- *
-	 * *****     MATH      ***** *
-	 * ------------------------- */
-
-	function randomInt(min: number, max: number): number;
-
-	/* ------------------------- *
-	 * *****    OBJECT     ***** *
-	 * ------------------------- */
-
-	function enumerables<
-		K extends PropertyKey,
-		S extends Record<K, any>
-	> (source: S): Array<K>;
-
-	function getKey<
-		K extends PropertyKey,
-		S extends Record<K, any>
-	> (key: K): (source: S) => K extends keyof S ? S[K] : undefined;
-
-	function getPath<
-		T,
-		S extends Record<PropertyKey, any>
-	> (path: string, separator?: string): (source: S) => T | undefined;
-
-	function getPathIn<
-		T,
-		S extends Record<PropertyKey, any>
-	> (source: S, path: string, separator?: string): T | undefined;
-
-	function hasKeyValue<
-		K extends PropertyKey,
-		T,
-		S extends Record<K, T>
-	> (key: K, value: T): (source: S) => boolean;
-
-	function hasPathValue<
-		T,
-		S extends Record<PropertyKey, any>
-	> (path: string, value: T): (source: S) => boolean;
-
-	function keys<S extends Record<string, any>, K extends keyof S> (source: S): Array<K>;
-
-	function mapValues<
-		T,
-		U,
-		S extends Record<string, T>,
-		F extends ObjectIteratorCallback<S, U>
-	> (source: S, fn: F): Record<keyof S, U>;
-
-	function mapValuesWith<
-		T,
-		U,
-		S extends Record<string, T>,
-		F extends ObjectIteratorCallback<S, U>
-	> (fn: F): (source: S) => Record<keyof S, U>;
-
-	function ownPairs<
-		S extends Record<string, any>,
-		K extends keyof S & string
-	> (source: S): Array<[K, S[K]]>;
-
-	function pick<
-		S extends Record<string, any>,
-		W extends string[]
-	> (whitelist: W): (source: S) => Pick<S, typeof whitelist[number]>;
-
-	function pickIf<
-		S extends Record<string, any>,
-		P extends ObjectIteratorCallback<S, boolean>
-	> (predicate: P): (source: S) => Partial<S>;
-
-	function pickIn<
-		S extends Record<string, any>,
-		W extends string[]
-	> (source: S, whitelist: W): Pick<S, typeof whitelist[number]>;
-
-	function rename<
-		DK extends string,
-		KM extends Record<string, DK>,
-		S extends Record<string, any>
-	> (keyMap: KM): (source: S) => { [K in keyof S as K extends keyof KM ? KM[K] : K]: S[K] };
-
-	function setKey<
-		S extends Record<PropertyKey, any>,
-		T,
-		K extends string
-	> (key: K, value: T): (source: S) => S & { [k in K]: T };
-
-	function skip<
-		S extends Record<string, any>,
-		B extends string[]
-	> (blacklist: B): (source: S) => Omit<S, typeof blacklist[number]>;
-
-	function skipIf<
-		S extends Record<string, any>,
-		P extends ObjectIteratorCallback<S, boolean>
-	> (predicate: P): (source: S) => Partial<S>;
-
-	function skipIn<
-		S extends Record<string, any>,
-		B extends string[]
-	> (source: S, blacklist: B): Omit<S, typeof blacklist[number]>;
-
-	/* ------------------------- *
-	 * *****   PRIVATES    ***** *
-	 * ------------------------- */
-
-	/* ------------------------- *
-	 * *****    STRING     ***** *
-	 * ------------------------- */
-
-	/* ------------------------- *
-	 * *****     TYPE      ***** *
-	 * ------------------------- */
-
-	function isNil (value: any): value is null | undefined;
-
-	function isNull (value: any): value is null;
-
-	function isUndefined (value: any): value is undefined;
-
-	function isType<T, U extends T> (typeName: string): Predicate<T, U>;
-}
diff --git a/src/lib/bridge/bridge.d.ts b/src/lib/bridge/bridge.d.ts
new file mode 100644
index 00000000..c0999352
--- /dev/null
+++ b/src/lib/bridge/bridge.d.ts
@@ -0,0 +1,23 @@
+type PendingWithdrawalAddress = {
+  /** DuskDS account address */
+  External?: string;
+  /** The contract may use a tagged enum for the destination. */
+  [key: string]: unknown;
+};
+
+type PendingWithdrawalTx = {
+  /** Amount in Lux (1e9) as returned by the contract. */
+  amount: string | number | bigint;
+  /** Block height at which the withdrawal request was created. */
+  block_height: number;
+  /** Source EVM address. */
+  from: string;
+  /** Destination on DuskDS (most commonly { External: <address> }). */
+  to: PendingWithdrawalAddress;
+};
+
+/**
+ * Tuple returned from `pending_withdrawals`:
+ * [withdrawalId, tx]
+ */
+type PendingWithdrawalEntry = [bigint, PendingWithdrawalTx];
diff --git a/src/lib/bridge/formatBlocksAsTime.js b/src/lib/bridge/formatBlocksAsTime.js
new file mode 100644
index 00000000..ef231dec
--- /dev/null
+++ b/src/lib/bridge/formatBlocksAsTime.js
@@ -0,0 +1,35 @@
+import { createNumberFormatter } from "$lib/dusk/number";
+
+// Dusk ~= 10 seconds/block
+const BLOCKS_PER_MIN = 6n;
+const BLOCKS_PER_HOUR = 360n;
+const BLOCKS_PER_DAY = 8640n;
+
+/**
+ * Approximate time from a Dusk block count.
+ *
+ * @param {bigint | number} blocks
+ * @param {string} locale
+ * @returns {string}
+ */
+export function formatBlocksAsTime(blocks, locale) {
+  const b = typeof blocks === "bigint" ? blocks : BigInt(blocks);
+  const abs = b < 0n ? -b : b;
+
+  const fmt = createNumberFormatter(locale);
+
+  if (abs < BLOCKS_PER_MIN) return "≈<1 min";
+
+  if (abs < BLOCKS_PER_HOUR) {
+    const mins = (abs + BLOCKS_PER_MIN / 2n) / BLOCKS_PER_MIN;
+    return `≈${fmt(mins)} min`;
+  }
+
+  if (abs < BLOCKS_PER_DAY) {
+    const hours = (abs + BLOCKS_PER_HOUR / 2n) / BLOCKS_PER_HOUR;
+    return `≈${fmt(hours)} h`;
+  }
+
+  const days = (abs + BLOCKS_PER_DAY / 2n) / BLOCKS_PER_DAY;
+  return `≈${fmt(days)} day${days === 1n ? "" : "s"}`;
+}
diff --git a/src/lib/bridge/pendingWithdrawals.js b/src/lib/bridge/pendingWithdrawals.js
new file mode 100644
index 00000000..53a27e91
--- /dev/null
+++ b/src/lib/bridge/pendingWithdrawals.js
@@ -0,0 +1,51 @@
+import { makeNodeUrl } from "$lib/url";
+import { failureToRejection } from "$lib/dusk/http";
+
+const VITE_BRIDGE_CONTRACT_ID = import.meta.env.VITE_BRIDGE_CONTRACT_ID;
+
+/**
+ * Fetch pending withdrawals from the bridge contract.
+ *
+ * @param {typeof fetch} [fetchFn]
+ * @returns {Promise<PendingWithdrawalEntry[]>}
+ */
+export async function fetchPendingWithdrawals(fetchFn = fetch) {
+  try {
+    const res = await fetchFn(
+      makeNodeUrl(
+        `/on/contracts:${VITE_BRIDGE_CONTRACT_ID}/pending_withdrawals`
+      ),
+      {
+        body: JSON.stringify(null),
+        headers: {
+          "Content-Type": "application/json",
+          "Rusk-feeder": "true",
+        },
+        method: "POST",
+      }
+    ).then(failureToRejection);
+
+    const json = await res.json();
+    return Array.isArray(json) ? json : [];
+  } catch {
+    return [];
+  }
+}
+
+/**
+ * Count pending withdrawals for a DuskDS account.
+ *
+ * @param {string} accountAddress
+ * @param {PendingWithdrawalEntry[]} withdrawals
+ * @returns {number}
+ */
+export function countPendingWithdrawalsFor(accountAddress, withdrawals) {
+  if (!accountAddress || !Array.isArray(withdrawals)) {
+    return 0;
+  }
+
+  return withdrawals.reduce((acc, entry) => {
+    const tx = Array.isArray(entry) ? entry[1] : undefined;
+    return acc + (tx?.to?.External === accountAddress ? 1 : 0);
+  }, 0);
+}
diff --git a/src/lib/components/AddressPicker/AddressPicker.css b/src/lib/components/AddressPicker/AddressPicker.css
index 4d7cc9ad..247ac117 100644
--- a/src/lib/components/AddressPicker/AddressPicker.css
+++ b/src/lib/components/AddressPicker/AddressPicker.css
@@ -1,103 +1,207 @@
 .address-picker {
-    position: relative;
-    background-color: var(--surface-color);
-    padding: 1em;
-    border-radius: 1.25rem;
-    user-select: none;
-    z-index: 2;
+  position: relative;
+  background-color: var(--surface-color);
+  padding: 1em;
+  border-radius: 1.25rem;
+  user-select: none;
+  z-index: 2;
 }
 
-.address-picker__current-address {
-    width: 100%;
-    text-align: center;
-    font-family: monospace;
+.address-picker__current-profile {
+  width: 100%;
+  text-align: center;
+  font-weight: 500;
 }
 
-.address-picker__copy-address-button-wrapper {
-    background-color: var(--secondary-color);
-    border-radius: 50%;
+.address-picker__copy-address-button:hover {
+  cursor: copy;
 }
 
-.address-picker__copy-address-button {
-    aspect-ratio: 1/1;
-    width: 1.5em;
+.address-picker__address--selected {
+  color: var(--secondary-color);
 }
 
-.address-picker__copy-address-button:hover {
-    cursor: copy;
+.address-picker__address:hover {
+  cursor: pointer;
 }
 
-.address-picker__copy-address-button, .address-picker__copy-address-button:hover {
-    color: var(--primary-color) !important;
+.address-picker__trigger {
+  display: flex;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
 }
 
-.address-picker__address {
-    max-width: 100%;
-    all: unset;
+.address-picker__trigger:hover {
+  opacity: 0.8;
 }
 
-.address-picker__address:hover, .address-picker__address--selected {
-    color: var(--secondary-color);
+.address-picker__trigger:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
 }
 
-.address-picker__address:hover {
-    cursor: pointer;
+.address-picker__chevron {
+  position: absolute;
+  right: 0;
+  transition: transform 0.2s ease;
 }
 
-.address-picker__trigger {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: var(--default-gap);
+.address-picker--expanded .address-picker__chevron {
+  transform: rotate(180deg);
 }
 
 .address-picker__drop-down {
-    display: flex;
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 2;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  background-color: var(--surface-color);
+  padding: 0.75em;
+  border-bottom-left-radius: 1.25rem;
+  border-bottom-right-radius: 1.25rem;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+  border-top: none;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75em;
+}
 
-    background-color: var(--surface-color);
-    padding: 0 1em 1em 1em;
-    border-bottom-left-radius: 1.25rem;
-    border-bottom-right-radius: 1.25rem;
+.address-picker__address-options {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
 
-    flex-direction: column;
-    gap: var(--default-gap);
-    align-items: center;
-    width: 100%;
+.address-picker__address {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
-.address-picker__address-options {
-    overflow-y: auto;
-    width: 100%;
-    max-height: 20svh;
+.address-picker__profile {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.address-picker__profile-container {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5em;
+  padding: 0.5em 0;
+}
+
+.address-picker__profile-button {
+  all: unset;
+  flex: 1;
+  display: block;
+  text-align: left;
+  padding: 0.75em;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  border-radius: 0.5rem;
+  background-color: transparent;
+}
+
+.address-picker__profile-button:hover {
+  background-color: var(--background-color);
+}
+
+.address-picker__profile-button:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+
+.address-picker__profile-header {
+  font-weight: 500;
+  margin-bottom: 0.5em;
+  font-size: 0.9em;
+}
+
+.address-picker__current-indicator {
+  color: var(--secondary-color);
+  font-weight: normal;
+  font-size: 0.85em;
+}
+
+.address-picker__addresses {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+
+.address-picker__address-row {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25em;
+  font-size: 0.8em;
+}
+
+.address-picker__address-label {
+  font-weight: 500;
+  color: var(--muted-color);
+  font-size: 0.75em;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.address-picker__address-value {
+  font-family: monospace;
+  color: var(--on-surface-color);
+  font-size: 0.85em;
+}
+
+.address-picker__copy-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+  align-self: flex-start;
+  /* Add top margin to align with the addresses section */
+  margin-top: 2.1em; /* Aligns with profile header + gap + first address row */
+  padding-top: 0.25em; /* Fine-tune alignment with address values */
+}
+
+.address-picker__copy-button {
+  all: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2em;
+  height: 2em;
+  cursor: pointer;
+  border-radius: 0.375rem;
+  transition: background-color 0.2s ease;
+  color: var(--muted-color);
+}
+
+.address-picker__copy-button:hover {
+  background-color: var(--background-color);
+  color: var(--on-surface-color);
 }
 
-.address-picker__address-option-button {
-    all: unset;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100%;
-    display: block;
-    text-align: center;
-    padding: .5em 0;
+.address-picker__copy-button:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
 }
 
-.address-picker__generating-address-wrapper {
-    display: flex;
-    flex-direction: row;
-    align-self: flex-start;
-    gap: var(--small-gap)
+.address-picker__profile--selected .address-picker__profile-header {
+  color: var(--secondary-color);
 }
 
 .address-picker--expanded {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.address-picker__generate-address-button {
-    text-align: left;
-    width: 100%
+.address-picker__max-addresses-message {
+  text-align: center;
+  color: var(--muted-color);
+  font-size: 0.875rem;
+  margin: 0;
+  padding: 0.5rem;
 }
diff --git a/src/lib/components/AddressPicker/AddressPicker.svelte b/src/lib/components/AddressPicker/AddressPicker.svelte
index 8322224a..59c533f7 100644
--- a/src/lib/components/AddressPicker/AddressPicker.svelte
+++ b/src/lib/components/AddressPicker/AddressPicker.svelte
@@ -1,158 +1,229 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher, onMount	} from "svelte";
-	import { calculateAdaptiveCharCount, makeClassName, middleEllipsis } from "$lib/dusk/string";
-	import {
-		mdiContentCopy, mdiPlusBoxOutline, mdiSwapHorizontal, mdiTimerSand
-	} from "@mdi/js";
-	import {
-		Button, CircularIcon, Icon, ProgressBar
-	} from "$lib/dusk/components";
-	import { toast } from "$lib/dusk/components/Toast/store";
-	import { handlePageClick } from "$lib/dusk/ui-helpers/handlePageClick";
-
-	import Overlay from "./Overlay.svelte";
-
-	import "./AddressPicker.css";
-
-	/** @type {string} */
-	export let currentAddress;
-
-	/** @type {string[]} */
-	export let addresses = [currentAddress];
-
-	/** @type {boolean} */
-	export let isAddingAddress = false;
-
-	/** @type {string|undefined} */
-	export let className = undefined;
-
-	$: classes = makeClassName(["address-picker", className]);
-
-	const dispatch = createEventDispatcher();
-
-	let expanded = false;
-
-	function toggle () {
-		expanded = !expanded;
-	}
-
-	function closeDropDown () {
-		expanded = false;
-	}
-
-	// Scrolls the address options menu to top on addresses change
-	$: if (addresses && addressOptionsMenu) {
-		addressOptionsMenu.scrollTo(0, 0);
-	}
-
-	/** @type {import("svelte/elements").KeyboardEventHandler<HTMLDivElement>} */
-	function handleDropDownKeyDown	(event) {
-		if (event.key === "Enter" || event.key === " ") {
-			toggle();
-		}
-
-		if (event.key === "Escape") {
-			closeDropDown();
-		}
-	}
-
-	/** @type {number} */
-	let screenWidth = window.innerWidth;
-
-	onMount(() => {
-		const resizeObserver = new ResizeObserver(entries => {
-			const entry = entries[0];
-
-			screenWidth = entry.contentRect.width;
-		});
-
-		resizeObserver.observe(document.body);
-
-		return () => resizeObserver.disconnect();
-	});
-
-	/** @type {HTMLMenuElement} */
-	let addressOptionsMenu;
+  import { createEventDispatcher } from "svelte";
+  import {
+    calculateAdaptiveCharCount,
+    makeClassName,
+    middleEllipsis,
+  } from "$lib/dusk/string";
+  import { mdiAlertOutline, mdiChevronDown, mdiContentCopy } from "@mdi/js";
+  import { Icon } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import { handlePageClick } from "$lib/dusk/ui-helpers/handlePageClick";
+
+  import Overlay from "./Overlay.svelte";
+
+  import "./AddressPicker.css";
+
+  /** @type {Profile | null} */
+  export let currentProfile;
+
+  /** @type {Profile[]} */
+  export let profiles;
+
+  /** @type {string|undefined} */
+  export let className = undefined;
+
+  const dispatch = createEventDispatcher();
+
+  let expanded = false;
+  let innerWidth = 0;
+
+  /** @type {HTMLMenuElement} */
+  let addressOptionsMenu;
+
+  function closeDropDown() {
+    expanded = false;
+  }
+
+  function toggleDropDown() {
+    expanded = !expanded;
+  }
+
+  /** @type {import("svelte/elements").MouseEventHandler<HTMLDivElement>} */
+  function handleTriggerClick() {
+    toggleDropDown();
+  }
+
+  /** @type {import("svelte/elements").KeyboardEventHandler<HTMLDivElement>} */
+  function handleTriggerKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      toggleDropDown();
+    }
+    if (event.key === "Escape") {
+      closeDropDown();
+    }
+    if (event.key === "ArrowDown" && !expanded) {
+      event.preventDefault();
+      toggleDropDown();
+    }
+  }
+
+  /**
+   * @param {Profile} profile
+   */
+  function handleProfileSelect(profile) {
+    dispatch("setCurrentProfile", { profile });
+    closeDropDown();
+  }
+
+  /**
+   * @param {string} address
+   */
+  async function handleCopyAddress(address) {
+    try {
+      await navigator.clipboard.writeText(address);
+      toast("success", "Address copied", mdiContentCopy);
+    } catch (err) {
+      toast(
+        "error",
+        err instanceof Error && err.name === "NotAllowedError"
+          ? "Clipboard access denied"
+          : "Failed to copy address",
+        mdiAlertOutline
+      );
+    }
+  }
+
+  /**
+   * @param {KeyboardEvent & { currentTarget: EventTarget & HTMLButtonElement }} event
+   * @param {Profile} profile
+   */
+  function handleProfileKeyDown(event, profile) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleProfileSelect(profile);
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      closeDropDown();
+    }
+  }
+
+  $: classes = makeClassName(["address-picker", className]);
+
+  // Scrolls the address options menu to top on addresses change
+  $: if (profiles && addressOptionsMenu) {
+    addressOptionsMenu.scrollTo(0, 0);
+  }
+
+  $: displayedAddress = currentProfile
+    ? `Profile ${profiles.indexOf(currentProfile) + 1}${profiles.indexOf(currentProfile) === 0 ? " (Default)" : ""}`
+    : "No profile selected";
+
+  // Calculate adaptive character count based on screen width
+  $: charCount = calculateAdaptiveCharCount(innerWidth);
 </script>
 
 {#if expanded}
-	<Overlay/>
+  <Overlay />
 {/if}
 
+<svelte:window bind:innerWidth />
+
 <div
-	use:handlePageClick={{ callback: closeDropDown, enabled: expanded }}
-	class={classes}
-	class:address-picker--expanded={expanded}>
-
-	<div
-		class="address-picker__trigger"
-		role="button"
-		tabindex="0"
-		aria-haspopup="true"
-		aria-expanded={expanded}
-		on:keydown={handleDropDownKeyDown}>
-		<CircularIcon color="var(--background-color)" bgColor="var(--primary-color)">
-			<Icon path={mdiSwapHorizontal} size="large"/>
-		</CircularIcon>
-		<p class="address-picker__current-address">{middleEllipsis(
-			currentAddress,
-			calculateAdaptiveCharCount(screenWidth)
-		)}</p>
-		<span class="address-picker__copy-address-button-wrapper">
-			<Button
-				aria-label="Copy Address"
-				className="address-picker__copy-address-button"
-				icon={{ path: mdiContentCopy }}
-				on:click={() => {
-					navigator.clipboard.writeText(currentAddress);
-					toast("success", "Address copied", mdiContentCopy);
-				}}
-				variant="quaternary"
-			/>
-		</span>
-	</div>
-
-	{#if expanded}
-		<div class="address-picker__drop-down">
-			<hr/>
-			<menu class="address-picker__address-options" bind:this={addressOptionsMenu}>
-				{#each addresses as address (address)}
-					<li
-						class="address-picker__address"
-						class:address-picker__address--selected={address === currentAddress}>
-						<button
-							class="address-picker__address-option-button"
-							tabindex="0"
-							type="button"
-							role="menuitem"
-							on:click={() => {
-								currentAddress = address;
-								closeDropDown();
-							}}>{address}</button>
-					</li>
-				{/each}
-			</menu>
-			<hr/>
-			{#if isAddingAddress}
-				<div class="address-picker__generating-address-wrapper">
-					<Icon path={mdiTimerSand}/>
-					<p>Generating <b>Address</b></p>
-				</div>
-				<ProgressBar/>
-			{:else}
-				<Button
-					tabindex="0"
-					className="address-picker__generate-address-button"
-					variant="secondary"
-					icon={{ path: mdiPlusBoxOutline }}
-					text="Generate Address"
-					on:click={(event) => {
-						event.preventDefault();
-						dispatch("generateAddress");
-					}}/>
-			{/if}
-		</div>
-	{/if}
+  use:handlePageClick={{
+    callback: closeDropDown,
+    enabled: expanded,
+  }}
+  class={classes}
+  class:address-picker--expanded={expanded}
+>
+  <div
+    class="address-picker__trigger"
+    role="button"
+    tabindex="0"
+    aria-haspopup="menu"
+    aria-expanded={expanded}
+    aria-label="Select address profile"
+    on:click={handleTriggerClick}
+    on:keydown={handleTriggerKeyDown}
+  >
+    <span class="address-picker__current-profile">{displayedAddress}</span>
+    <Icon path={mdiChevronDown} className="address-picker__chevron" />
+  </div>
+
+  {#if expanded}
+    <div class="address-picker__drop-down">
+      <ul
+        class="address-picker__address-options"
+        bind:this={addressOptionsMenu}
+        role="menu"
+        aria-label="Profile selection"
+      >
+        {#each profiles as profile (profile)}
+          <li
+            class="address-picker__profile"
+            class:address-picker__profile--selected={profile === currentProfile}
+            role="none"
+          >
+            <div class="address-picker__profile-container">
+              <button
+                class="address-picker__profile-button"
+                tabindex="0"
+                type="button"
+                role="menuitem"
+                aria-current={profile === currentProfile ? "true" : "false"}
+                on:click={() => handleProfileSelect(profile)}
+                on:keydown={(event) => handleProfileKeyDown(event, profile)}
+              >
+                <div class="address-picker__profile-header">
+                  Profile {profiles.indexOf(profile) + 1}
+                  {#if profile === currentProfile}
+                    <span class="address-picker__current-indicator"
+                      >(Current)</span
+                    >
+                  {/if}
+                </div>
+                <div class="address-picker__addresses">
+                  <div class="address-picker__address-row">
+                    <span class="address-picker__address-label"
+                      >Public Account</span
+                    >
+                    <span class="address-picker__address-value"
+                      >{middleEllipsis(
+                        profile.account.toString(),
+                        charCount
+                      )}</span
+                    >
+                  </div>
+                  <div class="address-picker__address-row">
+                    <span class="address-picker__address-label"
+                      >Shielded Account</span
+                    >
+                    <span class="address-picker__address-value"
+                      >{middleEllipsis(
+                        profile.address.toString(),
+                        charCount
+                      )}</span
+                    >
+                  </div>
+                </div>
+              </button>
+              <div class="address-picker__copy-buttons">
+                <button
+                  class="address-picker__copy-button"
+                  type="button"
+                  title="Copy public address"
+                  on:click={() => handleCopyAddress(profile.account.toString())}
+                >
+                  <Icon path={mdiContentCopy} size="small" />
+                </button>
+                <button
+                  class="address-picker__copy-button"
+                  type="button"
+                  title="Copy shielded address"
+                  on:click={() => handleCopyAddress(profile.address.toString())}
+                >
+                  <Icon path={mdiContentCopy} size="small" />
+                </button>
+              </div>
+            </div>
+          </li>
+        {/each}
+      </ul>
+    </div>
+  {/if}
 </div>
diff --git a/src/lib/components/AddressPicker/Overlay.svelte b/src/lib/components/AddressPicker/Overlay.svelte
index 78752a90..296a8ae1 100644
--- a/src/lib/components/AddressPicker/Overlay.svelte
+++ b/src/lib/components/AddressPicker/Overlay.svelte
@@ -1,14 +1,14 @@
 <div class="overlay"></div>
 
 <style>
-	.overlay {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background: transparent;
-		z-index: 1;
-		backdrop-filter: blur(2px);
-	}
+  .overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: transparent;
+    z-index: 1;
+    backdrop-filter: blur(2px);
+  }
 </style>
diff --git a/src/lib/components/Allocate/Allocate.svelte b/src/lib/components/Allocate/Allocate.svelte
new file mode 100644
index 00000000..2804751b
--- /dev/null
+++ b/src/lib/components/Allocate/Allocate.svelte
@@ -0,0 +1,450 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { fade } from "svelte/transition";
+  import { onMount } from "svelte";
+  import {
+    mdiArrowUpBoldBoxOutline,
+    mdiShieldLock,
+    mdiShieldLockOpenOutline,
+  } from "@mdi/js";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { duskToLux, luxToDusk } from "$lib/dusk/currency";
+  import { calculateAdaptiveCharCount, middleEllipsis } from "$lib/dusk/string";
+  import { logo } from "$lib/dusk/icons";
+  import {
+    AnchorButton,
+    Badge,
+    Icon,
+    Textbox,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import { GasFee, GasSettings, OperationResult } from "$lib/components";
+  import { walletStore } from "$lib/stores";
+  import { Gas } from "@dusk/w3sper";
+  import { MESSAGES } from "$lib/constants";
+  import Banner from "../Banner/Banner.svelte";
+
+  /** @type {(amount: number) => string} */
+  export let formatter;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {GasStoreContent} */
+  export let gasLimits;
+
+  /** @type {string} */
+  export let shieldedAddress;
+
+  /** @type {string} */
+  export let unshieldedAddress;
+
+  /** @type {bigint} */
+  export let shieldedBalance;
+
+  /** @type {bigint} */
+  export let unshieldedBalance;
+
+  // @ts-ignore
+  function handleBalanceChange(event) {
+    const value = parseFloat(event.target.value);
+
+    if (isNaN(value) || value < 0) {
+      hasInvalidInput = true;
+      return;
+    }
+
+    hasInvalidInput = false;
+
+    const isShieldedAmount = event.target.name === "shielded-amount";
+    shielded = isShieldedAmount
+      ? duskToLux(value)
+      : totalBalance - duskToLux(value);
+  }
+
+  async function allocate() {
+    const gas = new Gas({ limit: gasLimit, price: gasPrice });
+
+    if (difference !== 0n) {
+      const transactionInfo = isShielding
+        ? await walletStore.shield(difference, gas)
+        : await walletStore.unshield(-difference, gas);
+
+      return transactionInfo.hash;
+    }
+
+    // We shouldn't end up in this case,
+    // as the next button should be disabled
+    return Promise.resolve();
+  }
+
+  onMount(() => {
+    isGasValid = areValidGasSettings(gasPrice, gasLimit);
+
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+
+      screenWidth = entry.contentRect.width;
+    });
+
+    resizeObserver.observe(document.body);
+
+    return () => resizeObserver.disconnect();
+  });
+
+  /** @type {boolean} */
+  let isNextButtonDisabled = false;
+
+  /** @type {boolean} */
+  let isGasValid = false;
+
+  let { gasLimit, gasPrice } = gasSettings;
+
+  /** @type {number} */
+  let screenWidth = window.innerWidth;
+
+  let hasInvalidInput = false;
+  let hasEnoughFunds = true;
+
+  // Constant total
+  const totalBalance = shieldedBalance + unshieldedBalance;
+
+  // Used to keep the difference between the initial shielded balance and the current one
+  const initialShielded = shieldedBalance;
+
+  // Internal state of the balances
+  let shielded = shieldedBalance;
+  $: unshielded = totalBalance - shielded;
+
+  // Derived number states for UI Inputs
+  $: shieldedNumber = luxToDusk(shielded);
+  $: unshieldedNumber = luxToDusk(unshielded);
+
+  $: isShielding = difference > 0n;
+  $: isUnshielding = !isShielding;
+
+  $: fee = gasLimit * gasPrice;
+  $: difference = shielded - initialShielded;
+
+  $: hasEnoughFunds = isUnshielding
+    ? shieldedBalance - difference - fee >= 0n
+    : unshieldedBalance + difference - fee >= 0n;
+
+  $: isNextButtonDisabled =
+    !hasEnoughFunds ||
+    !isGasValid ||
+    difference === 0n || // No change in balance
+    shielded < 0n || // Shielded balance is negative
+    unshielded < 0n || // Unshielded balance is negative
+    shielded + unshielded > totalBalance ||
+    hasInvalidInput;
+</script>
+
+<div class="operation">
+  <Wizard steps={3} let:key>
+    <WizardStep
+      step={0}
+      {key}
+      backButton={{
+        disabled: false,
+        href: "/dashboard",
+        isAnchor: true,
+      }}
+      nextButton={{ disabled: isNextButtonDisabled }}
+    >
+      <div in:fade|global class="operation__allocate">
+        <p>
+          Edit the value to change the allocation of your Dusk between your
+          public and shielded accounts.
+        </p>
+
+        <fieldset class="operation__fieldset">
+          <p class="operation__label">Public</p>
+
+          <div class="operation__address-wrapper">
+            <Icon path={mdiShieldLockOpenOutline} />
+            {middleEllipsis(
+              unshieldedAddress,
+              calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20)
+            )}
+          </div>
+
+          <div class="operation__input-wrapper">
+            <Textbox
+              className="operation__input-field"
+              value={unshieldedNumber}
+              required
+              type="number"
+              max={luxToDusk(totalBalance)}
+              min="0"
+              step="0.000000001"
+              id="unshielded-amount"
+              on:input={handleBalanceChange}
+              name="unshielded-amount"
+            />
+            <Icon
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+              path={logo}
+            />
+          </div>
+
+          <hr class="glyph" />
+
+          <p class="operation__label">Shielded</p>
+
+          <div class="operation__address-wrapper">
+            <Icon path={mdiShieldLock} />
+            {middleEllipsis(
+              shieldedAddress,
+              calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20)
+            )}
+          </div>
+
+          <div class="operation__input-wrapper">
+            <Textbox
+              className="operation__input-field"
+              value={shieldedNumber}
+              required
+              type="number"
+              step="0.000000001"
+              max={luxToDusk(totalBalance)}
+              min="0"
+              on:input={handleBalanceChange}
+              name="shielded-amount"
+            />
+            <Icon
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+              path={logo}
+            />
+          </div>
+        </fieldset>
+
+        <GasSettings
+          {formatter}
+          {fee}
+          limit={gasSettings.gasLimit}
+          limitLower={gasLimits.gasLimitLower}
+          limitUpper={gasLimits.gasLimitUpper}
+          price={gasSettings.gasPrice}
+          priceLower={gasLimits.gasPriceLower}
+          on:gasSettings={(event) => {
+            isGasValid = areValidGasSettings(
+              event.detail.price,
+              event.detail.limit
+            );
+
+            if (isGasValid) {
+              gasPrice = event.detail.price;
+              gasLimit = event.detail.limit;
+            }
+          }}
+        />
+
+        {#if !hasEnoughFunds}
+          <Banner title="Insufficient Funds" variant="error">
+            <p>
+              Your balance is too low to cover the allocation fees. Please
+              adjust your transaction or add more funds to proceed.
+            </p>
+          </Banner>
+        {/if}
+      </div>
+    </WizardStep>
+    <WizardStep
+      step={1}
+      {key}
+      nextButton={{
+        icon: { path: mdiArrowUpBoldBoxOutline, position: "before" },
+        label: "SEND",
+        variant: "primary",
+      }}
+    >
+      <div in:fade|global class="operation__allocate">
+        <Badge
+          className="operation__review-notice"
+          text="REVIEW TRANSACTION"
+          variant="warning"
+        />
+        <dl class="operation__review-transaction">
+          <dt class="review-transaction__label">
+            <Icon path={mdiArrowUpBoldBoxOutline} />
+            <span>Amount:</span>
+          </dt>
+          <dd class="review-transaction__value operation__review-amount">
+            <span>
+              {`${formatter(luxToDusk(isShielding ? difference : -difference))} DUSK`}
+            </span>
+            <Icon
+              className="dusk-amount__icon"
+              path={logo}
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+            />
+          </dd>
+        </dl>
+        <dl class="operation__review-transaction">
+          <dt class="review-transaction__label">
+            <Icon
+              path={isShielding ? mdiShieldLockOpenOutline : mdiShieldLock}
+            />
+            <span>From</span>
+          </dt>
+          <dd class="operation__review-address">
+            <span>
+              {isShielding ? unshieldedAddress : shieldedAddress}
+            </span>
+          </dd>
+        </dl>
+        <dl class="operation__review-transaction">
+          <dt class="review-transaction__label">
+            <Icon
+              path={isUnshielding ? mdiShieldLockOpenOutline : mdiShieldLock}
+            />
+            <span>To</span>
+          </dt>
+          <dd class="operation__review-address">
+            <span>
+              {isUnshielding ? unshieldedAddress : shieldedAddress}
+            </span>
+          </dd>
+        </dl>
+        <GasFee {formatter} {fee} />
+        <Banner title="Fee Details" variant="info">
+          <p>
+            The fee will be deducted from your <b
+              >{isUnshielding ? "shielded" : "public"}</b
+            > balance.
+          </p>
+        </Banner>
+      </div>
+    </WizardStep>
+    <WizardStep step={2} {key} showNavigation={false}>
+      <OperationResult
+        errorMessage="Transaction failed"
+        operation={allocate()}
+        pendingMessage="Processing transaction"
+        successMessage="Transaction created"
+      >
+        <svelte:fragment slot="success-content" let:result={hash}>
+          <p>{MESSAGES.TRANSACTION_CREATED}</p>
+          {#if hash}
+            <AnchorButton
+              href={`/explorer/transactions/transaction?id=${hash}`}
+              text="VIEW ON BLOCK EXPLORER"
+              rel="noopener noreferrer"
+              target="_blank"
+            />
+          {/if}
+        </svelte:fragment>
+      </OperationResult>
+    </WizardStep>
+  </Wizard>
+</div>
+
+<style lang="postcss">
+  .operation {
+    &__fieldset {
+      display: flex;
+      padding: 1em 1.25em;
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+      gap: var(--medium-gap);
+      align-self: stretch;
+
+      border-radius: var(--fieldset-border-radius);
+      background: var(--fieldset-background-color);
+    }
+
+    &__address-wrapper,
+    &__input-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__address-wrapper {
+      font-family: var(--mono-font-family);
+      justify-content: space-between;
+    }
+
+    &__review-address {
+      background-color: transparent;
+      border: 1px solid var(--primary-color);
+      border-radius: 1.5em;
+      padding: 0.75em 1em;
+      width: 100%;
+      line-break: anywhere;
+    }
+
+    &__review-transaction {
+      display: flex;
+      flex-direction: column;
+      gap: 0.625em;
+    }
+
+    &__review-amount {
+      justify-content: flex-start;
+    }
+
+    &__allocate {
+      display: flex;
+      flex-direction: column;
+      gap: 1.2em;
+    }
+
+    &__label {
+      font-family: var(--mono-font-family);
+    }
+
+    &__input-wrapper {
+      column-gap: var(--default-gap);
+    }
+
+    :global(&__input-field) {
+      width: 100%;
+    }
+
+    :global(&__review-notice) {
+      text-align: center;
+    }
+
+    :global(.dusk-amount__icon) {
+      width: 1em;
+      height: 1em;
+      flex-shrink: 0;
+    }
+  }
+
+  .review-transaction__label,
+  .review-transaction__value {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--small-gap);
+  }
+
+  .review-transaction__value {
+    font-weight: bold;
+  }
+
+  .glyph {
+    margin: var(--default-gap) 0;
+    height: 1px;
+  }
+
+  .glyph:after {
+    content: "↑↓";
+    display: inline-block;
+    position: relative;
+    top: -1.2em;
+    color: var(--divider-border-color);
+    border: 1px solid var(--divider-border-color);
+    border-radius: 2em;
+    padding: 0.5em 1.25em;
+    background-color: var(--divider-background-color);
+  }
+</style>
diff --git a/src/lib/components/AppAnchor/AppAnchor.svelte b/src/lib/components/AppAnchor/AppAnchor.svelte
new file mode 100644
index 00000000..66e2bd80
--- /dev/null
+++ b/src/lib/components/AppAnchor/AppAnchor.svelte
@@ -0,0 +1,16 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { Anchor } from "$lib/dusk/components";
+  import { addBasePath } from "$lib/navigation";
+
+  /** @type {string} */
+  export let href;
+
+  /** @type {boolean} */
+  export let onSurface = true;
+</script>
+
+<Anchor {onSurface} {...$$restProps} href={addBasePath(href)} on:click>
+  <slot />
+</Anchor>
diff --git a/src/lib/components/AppAnchorButton/AppAnchorButton.svelte b/src/lib/components/AppAnchorButton/AppAnchorButton.svelte
new file mode 100644
index 00000000..72800f22
--- /dev/null
+++ b/src/lib/components/AppAnchorButton/AppAnchorButton.svelte
@@ -0,0 +1,11 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { AnchorButton } from "$lib/dusk/components";
+  import { addBasePath } from "$lib/navigation";
+
+  /** @type {string} */
+  export let href;
+</script>
+
+<AnchorButton {...$$restProps} href={addBasePath(href)} on:click />
diff --git a/src/lib/components/AppImage/AppImage.svelte b/src/lib/components/AppImage/AppImage.svelte
new file mode 100644
index 00000000..bcd28451
--- /dev/null
+++ b/src/lib/components/AppImage/AppImage.svelte
@@ -0,0 +1,16 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { addBasePath } from "$lib/navigation";
+
+  /** @type {string} */
+  export let alt;
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {string} */
+  export let src;
+</script>
+
+<img {...$$restProps} {alt} class={className} src={addBasePath(src)} />
diff --git a/src/lib/components/ApproveMigration/ApproveMigration.svelte b/src/lib/components/ApproveMigration/ApproveMigration.svelte
new file mode 100644
index 00000000..ca209dff
--- /dev/null
+++ b/src/lib/components/ApproveMigration/ApproveMigration.svelte
@@ -0,0 +1,162 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiAlertOutline, mdiTimerSand } from "@mdi/js";
+  import { waitForTransactionReceipt } from "@wagmi/core";
+  import { isHex } from "viem";
+  import { createEventDispatcher } from "svelte";
+  import { Button, Icon } from "$lib/dusk/components";
+  import { Banner } from "$lib/components";
+  import { account, wagmiConfig } from "$lib/web3/walletConnection";
+  import { allowance, approve } from "$lib/web3/migration";
+  import { createDataStore } from "$lib/dusk/svelte-stores";
+
+  /** @type {bigint} */
+  export let amount;
+
+  /** @type {HexString} */
+  export let chainContract;
+
+  /** @type {HexString} */
+  export let migrationContract;
+
+  $: ({ address } = $account);
+
+  const dispatch = createEventDispatcher();
+
+  const approvalTxStore = createDataStore(handleApprove);
+
+  $: ({ isLoading, data, error } = $approvalTxStore);
+
+  async function checkAllowance() {
+    if (!address) {
+      dispatch("errorApproval");
+      throw new Error("Address is undefined");
+    }
+
+    try {
+      const allowedAmount = await allowance(
+        address,
+        chainContract,
+        migrationContract
+      );
+      return allowedAmount >= amount;
+    } catch {
+      return false;
+    }
+  }
+
+  async function handleApprove() {
+    try {
+      dispatch("initApproval");
+
+      // Check initial allowance
+      let isCoinApproved = await checkAllowance();
+
+      if (isCoinApproved) {
+        dispatch("incrementStep");
+        return;
+      }
+
+      // Approve the transaction
+      const txHash = await approve(migrationContract, chainContract, amount);
+
+      if (!isHex(txHash)) {
+        throw new Error("Transaction hash is not a valid hex string.");
+      }
+
+      // Wait for transaction confirmation
+      await waitForTransactionReceipt(wagmiConfig, {
+        confirmations: 3,
+        hash: txHash,
+      });
+
+      // Recheck allowance after approval
+      isCoinApproved = await checkAllowance();
+      if (isCoinApproved) {
+        dispatch("incrementStep");
+      } else {
+        throw new Error("Approval failed: Allowance was not updated.");
+      }
+    } catch {
+      dispatch("errorApproval");
+    }
+  }
+</script>
+
+<div class="migrate__approve">
+  {#if !isLoading && !error && !data}
+    <div class="migrate__approve-notice-container">
+      <Banner title="Migration Requirements" variant="info">
+        <div class="migrate__requirements-info">
+          <p>DUSK token migration requires two transactions:</p>
+          <ol class="migrate__requirements-info-list">
+            <li>
+              <b>Approve:</b> Authorize the migration contract to spend your DUSK
+              tokens.
+            </li>
+            <li>
+              <b>Migrate:</b> Transfer your DUSK tokens to the migration contract.
+            </li>
+          </ol>
+          <p>Both steps must be completed for a successful migration.</p>
+        </div>
+      </Banner>
+      <Banner title="Gas Fee Reminder" variant="warning">
+        <p>
+          Please ensure your wallet has sufficient funds to cover the gas fees
+          for the migration.
+        </p>
+      </Banner>
+    </div>
+  {:else if isLoading}
+    <div class="migrate__approve-approval">
+      <Icon path={mdiTimerSand} size="large" />
+      <span>Approval in progress...</span>
+    </div>
+  {:else if error}
+    <div class="migrate__approve-approval">
+      <Icon path={mdiAlertOutline} size="large" />
+      <span>An error occurred during approval</span>
+    </div>
+  {/if}
+
+  <Button
+    text={error ? "RETRY APPROVAL" : "APPROVE MIGRATION"}
+    disabled={!!isLoading}
+    on:click={approvalTxStore.getData}
+  />
+</div>
+
+<style lang="postcss">
+  .migrate {
+    &__requirements-info {
+      display: flex;
+      flex-direction: column;
+      gap: var(--small-gap);
+    }
+    &__requirements-info-list {
+      list-style-position: inside;
+    }
+  }
+
+  .migrate__approve {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    gap: 1.875em;
+
+    &-notice-container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--default-gap);
+    }
+
+    &-approval {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--default-gap);
+    }
+  }
+</style>
diff --git a/src/lib/components/Balance/Balance.css b/src/lib/components/Balance/Balance.css
new file mode 100644
index 00000000..e69d490f
--- /dev/null
+++ b/src/lib/components/Balance/Balance.css
@@ -0,0 +1,59 @@
+.dusk-balance {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  width: 100%;
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.875rem;
+}
+
+.dusk-balance__account {
+  display: flex;
+  justify-content: space-between;
+  background-color: var(--background-color);
+  padding: 0.78125rem 0.9375rem;
+  border-radius: 1.5rem;
+  flex-wrap: wrap;
+}
+
+.dusk-balance__dusk {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  justify-content: center;
+  font-size: clamp(1rem, 4.5dvw, 2.1875rem);
+  font-weight: 500;
+  line-height: 120%;
+  letter-spacing: -0.0175rem;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.dusk-balance__fiat {
+  margin-bottom: 1.25rem;
+  font-size: 1.25rem;
+  font-weight: 400;
+  line-height: 150%;
+  letter-spacing: -0.01rem;
+  visibility: hidden;
+  color: var(--muted-color);
+}
+
+.dusk-balance__fiat--visible {
+  visibility: unset;
+}
+
+.dusk-balance__value {
+  font-size: clamp(1rem, 4.5dvw, 1.25rem);
+  justify-content: end;
+}
+
+.dusk-balance__percentage,
+.dusk-balance__value {
+  display: flex;
+  gap: 0.625rem;
+  align-items: center;
+  flex: 1;
+}
diff --git a/src/lib/components/Balance/Balance.svelte b/src/lib/components/Balance/Balance.svelte
index 6b19ee3e..e9a037ad 100644
--- a/src/lib/components/Balance/Balance.svelte
+++ b/src/lib/components/Balance/Balance.svelte
@@ -1,59 +1,105 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { Icon, Tooltip } from "$lib/dusk/components";
-	import { logo } from "$lib/dusk/icons";
-	import { makeClassName } from "$lib/dusk/string";
-	import { createCurrencyFormatter } from "$lib/dusk/currency";
+  import { makeClassName } from "$lib/dusk/string";
+  import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
+  import { Card, Icon } from "$lib/dusk/components";
+  import { mdiShieldLock, mdiShieldLockOpenOutline } from "@mdi/js";
+  import { logo } from "$lib/dusk/icons";
+  import { createNumberFormatter } from "$lib/dusk/number";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  import "./Balance.css";
 
-	/** @type {Number} */
-	export let tokens = 0;
+  /** @type {string | undefined} */
+  export let className = undefined;
 
-	/** @type {Number} */
-	export let fiat = 0;
+  /** @type {string} */
+  export let fiatCurrency;
 
-	/** @type {String} */
-	export let tokenCurrency = "DUSK";
+  /** @type {number | undefined} */
+  export let fiatPrice = undefined;
 
-	/** @type {String} */
-	export let fiatCurrency = "USD";
+  /**
+   * A BCP 47 language tag.
+   * @type {string}
+   */
+  export let locale;
 
-	/** @type {String} */
-	export let locale = "en";
+  /** @type {string} */
+  export let tokenCurrency;
 
-	$: classes = makeClassName([
-		"dusk-balance",
-		className
-	]);
+  /** @type {bigint} */
+  export let shieldedAmount;
 
-	const duskFormatter = createCurrencyFormatter(locale, tokenCurrency, 9);
-	const fiatFormatter = createCurrencyFormatter(locale, fiatCurrency, 2);
+  /** @type {bigint} */
+  export let unshieldedAmount;
+
+  $: totalBalance = luxToDusk(shieldedAmount + unshieldedAmount);
+
+  $: shieldedPercentage = totalBalance
+    ? (luxToDusk(shieldedAmount) / totalBalance) * 100
+    : 0;
+
+  $: unshieldedPercentage = totalBalance
+    ? (luxToDusk(unshieldedAmount) / totalBalance) * 100
+    : 0;
+
+  $: classes = makeClassName(["dusk-balance", className]);
+
+  $: duskFormatter = createCurrencyFormatter(locale, tokenCurrency, 9);
+  $: fiatFormatter = createCurrencyFormatter(locale, fiatCurrency, 2);
+  $: numberFormatter = createNumberFormatter(locale, 2);
 </script>
 
-<article
-	{...$$restProps}
-	class={classes}
->
-	<header class="dusk-balance__header">
-		<h2>Your Balance:</h2>
-	</header>
-	<p class="dusk-balance__dusk">
-		<strong>{duskFormatter(tokens)}</strong>
-		<Icon
-			className="dusk-balance__icon"
-			path={logo}
-			data-tooltip-id="balance-tooltip"
-			data-tooltip-text={tokenCurrency}
-			data-tooltip-place="right"
-		/>
-	</p>
-	<p class="dusk-balance__fiat">
-		<strong>
-			({fiatFormatter(fiat)})
-		</strong>
-	</p>
-	<Tooltip id="balance-tooltip"/>
+<article {...$$restProps} class={classes}>
+  <header class="dusk-balance__header">
+    <h2 class="sr-only">Your Balance:</h2>
+  </header>
+  <p class="dusk-balance__dusk">
+    <span>{duskFormatter(totalBalance)}</span>
+    <span>{tokenCurrency}</span>
+  </p>
+  <p
+    class="dusk-balance__fiat"
+    class:dusk-balance__fiat--visible={fiatPrice !== undefined}
+  >
+    <span>
+      {fiatFormatter(fiatPrice ? fiatPrice * totalBalance : 0)}
+    </span>
+  </p>
+
+  <Card className="dusk-balance__usage-details">
+    <div class="dusk-balance__account">
+      <span class="dusk-balance__percentage"
+        ><Icon
+          path={mdiShieldLockOpenOutline}
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Public"
+        />{numberFormatter(unshieldedPercentage)}%</span
+      >
+      <span class="dusk-balance__value"
+        >{duskFormatter(luxToDusk(unshieldedAmount))}<Icon
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+          path={logo}
+        /></span
+      >
+    </div>
+    <div class="dusk-balance__account">
+      <span class="dusk-balance__percentage"
+        ><Icon
+          path={mdiShieldLock}
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Shielded"
+        />{numberFormatter(shieldedPercentage)}%</span
+      >
+      <span class="dusk-balance__value"
+        >{duskFormatter(luxToDusk(shieldedAmount))}<Icon
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+          path={logo}
+        /></span
+      >
+    </div>
+  </Card>
 </article>
diff --git a/src/lib/components/Banner/Banner.css b/src/lib/components/Banner/Banner.css
new file mode 100644
index 00000000..5f4710b7
--- /dev/null
+++ b/src/lib/components/Banner/Banner.css
@@ -0,0 +1,46 @@
+.banner {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 1em 1.25em;
+  border-radius: 12px;
+  font-size: 0.875em;
+  border-style: solid;
+  border-width: 1px;
+  line-height: 1.5;
+}
+
+.banner--info {
+  border-color: var(--banner-info-color);
+}
+
+.banner--warning {
+  border-color: var(--banner-warning-color);
+}
+
+.banner--error {
+  border-color: var(--banner-error-color);
+}
+
+.banner__title {
+  font-weight: 500;
+  font-size: 1.1em;
+  display: block;
+}
+
+.banner__icon {
+  margin-right: var(--default-gap);
+  flex-shrink: 0;
+}
+
+.banner__icon--info {
+  fill: var(--banner-info-color);
+}
+
+.banner__icon--warning {
+  fill: var(--banner-warning-color);
+}
+
+.banner__icon--error {
+  fill: var(--banner-error-color);
+}
diff --git a/src/lib/components/Banner/Banner.svelte b/src/lib/components/Banner/Banner.svelte
new file mode 100644
index 00000000..fbfe2482
--- /dev/null
+++ b/src/lib/components/Banner/Banner.svelte
@@ -0,0 +1,50 @@
+<svelte:options immutable={true} />
+
+<script>
+  import {
+    mdiAlertCircleOutline,
+    mdiAlertDecagramOutline,
+    mdiAlertOutline,
+  } from "@mdi/js";
+
+  import { makeClassName } from "$lib/dusk/string";
+  import { Icon } from "$lib/dusk/components";
+
+  import "./Banner.css";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {string} */
+  export let title;
+
+  /** @type {BannerVariant} */
+  export let variant;
+
+  function getBannerIconPath() {
+    switch (variant) {
+      case "warning":
+        return mdiAlertOutline;
+      case "error":
+        return mdiAlertDecagramOutline;
+      default:
+        return mdiAlertCircleOutline;
+    }
+  }
+
+  $: classes = makeClassName(["banner", `banner--${variant}`, className]);
+</script>
+
+<div {...$$restProps} class={classes}>
+  <Icon
+    path={getBannerIconPath()}
+    size="large"
+    className="banner__icon banner__icon--{variant}"
+  />
+  <div>
+    <strong class="banner__title">{title}</strong>
+    <slot>
+      <p>No banner content provided.</p>
+    </slot>
+  </div>
+</div>
diff --git a/src/lib/components/BigIntInput/BigIntInput.css b/src/lib/components/BigIntInput/BigIntInput.css
new file mode 100644
index 00000000..39ab0f9d
--- /dev/null
+++ b/src/lib/components/BigIntInput/BigIntInput.css
@@ -0,0 +1,3 @@
+.dusk-textbox.invalid-input {
+  color: var(--error-color);
+}
diff --git a/src/lib/components/BigIntInput/BigIntInput.svelte b/src/lib/components/BigIntInput/BigIntInput.svelte
new file mode 100644
index 00000000..c8525120
--- /dev/null
+++ b/src/lib/components/BigIntInput/BigIntInput.svelte
@@ -0,0 +1,67 @@
+<svelte:options immutable />
+
+<script>
+  import { createEventDispatcher, onMount } from "svelte";
+  import { Textbox } from "$lib/dusk/components";
+  import { makeClassName } from "$lib/dusk/string";
+  import "./BigIntInput.css";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  const dispatch = createEventDispatcher();
+
+  /** @type {bigint} */
+  export let minValue = 0n;
+
+  /** @type {bigint} */
+  export let maxValue = 9007199254740991n;
+
+  /** @type {bigint} */
+  export let value = 0n;
+
+  /** @type {string} */
+  let internalValue;
+
+  /** @type {(v: bigint, min: bigint, max: bigint) => boolean} */
+  const isInvalidInput = (v, min, max) => !!(min > v || v > max);
+
+  const checkValidity = () => {
+    if (isInvalidInput(value, minValue, maxValue)) {
+      dispatch("error", "Value exceeds limits");
+    }
+  };
+
+  function validateInput() {
+    try {
+      value = BigInt(internalValue);
+      checkValidity();
+      dispatch("change", value);
+    } catch {
+      internalValue = value.toString();
+    }
+  }
+
+  onMount(() => {
+    checkValidity();
+  });
+
+  $: inputClass = makeClassName({
+    "invalid-input": isInvalidInput(value, minValue, maxValue),
+    [`${className}`]: true,
+  });
+  $: {
+    internalValue = value.toString();
+  }
+</script>
+
+<Textbox
+  {...$$restProps}
+  className={inputClass}
+  inputmode="numeric"
+  type="text"
+  bind:value={internalValue}
+  on:input={validateInput}
+  on:input
+  pattern="\d+"
+/>
diff --git a/src/lib/components/Bridge/Bridge.svelte b/src/lib/components/Bridge/Bridge.svelte
new file mode 100644
index 00000000..3cc62d17
--- /dev/null
+++ b/src/lib/components/Bridge/Bridge.svelte
@@ -0,0 +1,700 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { fade } from "svelte/transition";
+  import { mdiArrowUpBoldBoxOutline, mdiHistory } from "@mdi/js";
+  import { parseUnits } from "viem";
+  import { switchChain, writeContract } from "@wagmi/core";
+  import { getKey } from "lamb";
+  import { Gas } from "@dusk/w3sper";
+  import { bytesToHexString } from "@duskit/encoding";
+
+  import {
+    AnchorButton,
+    Badge,
+    Icon,
+    Select,
+    Textbox,
+    Throbber,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import {
+    AppAnchor,
+    AppAnchorButton,
+    Banner,
+    GasFee,
+    GasSettings,
+    OperationResult,
+  } from "$lib/components";
+  import { account, duskEvm, wagmiConfig } from "$lib/web3/walletConnection";
+  import bridgeABI from "$lib/web3/abi/bridgeABI.json";
+  import { logo } from "$lib/dusk/icons";
+  import { formatBlocksAsTime } from "$lib/bridge/formatBlocksAsTime";
+  import { countPendingWithdrawalsFor } from "$lib/bridge/pendingWithdrawals";
+  import { MESSAGES } from "$lib/constants";
+  import { luxToDusk } from "$lib/dusk/currency";
+  import {
+    createNumberFormatter,
+    getDecimalSeparator,
+    slashDecimals,
+  } from "$lib/dusk/number";
+  import { cleanNumberString } from "$lib/dusk/string";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { settingsStore, walletStore } from "$lib/stores";
+  import wasmPath from "$lib/vendor/standard_bridge_dd_opt.wasm?url";
+
+  /** @type {string} */
+  const VITE_BRIDGE_CONTRACT_ID = import.meta.env.VITE_BRIDGE_CONTRACT_ID;
+
+  /** @type {`0x${string}`} */
+  const VITE_EVM_BRIDGE_CONTRACT_ADDRESS = import.meta.env
+    .VITE_EVM_BRIDGE_CONTRACT_ADDRESS;
+
+  /**
+   * The value needs to be passed but is ignored by the EVM, therefore we're setting it to zero.
+   * @type {number}
+   */
+  const EVM_MINIMUM_GAS_LIMIT = 0;
+
+  /**
+   * DuskEVM uses duskEvm.nativeCurrency.decimals (currently 18). DuskDS uses 9 decimals (Lux).
+   * This converts from EVM base units (1e18) to Lux units (1e9) so we can reuse luxToDusk().
+   * @type {bigint}
+   */
+  const EVM_TO_LUX_SCALE_FACTOR =
+    10n ** BigInt(duskEvm.nativeCurrency.decimals - 9);
+
+  /** @type {(amount: bigint|number) => string} */
+  export let formatter;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {GasStoreContent} */
+  export let gasLimits;
+
+  /** @type {string} */
+  export let unshieldedAddress;
+
+  /** @type {bigint} */
+  export let unshieldedBalance;
+
+  /** @type {import('@wagmi/core').GetBalanceReturnType | undefined} */
+  export let evmDuskBalance;
+
+  /** @type {Promise<PendingWithdrawalEntry[]>} */
+  export let pendingWithdrawals = Promise.resolve([]);
+
+  /** @type {string} */
+  let language = "en";
+
+  /** @type {(n: number | bigint) => string} */
+  let blocksFormatter = (n) => `${n}`;
+
+  /** @type {bigint | null} */
+  let finalizationPeriodBlocks = null;
+
+  /** @type {boolean} */
+  let isFinalizationPeriodLoading = false;
+
+  async function loadFinalizationPeriod() {
+    if (finalizationPeriodBlocks !== null || isFinalizationPeriodLoading) {
+      return;
+    }
+
+    isFinalizationPeriodLoading = true;
+
+    try {
+      const contract = await walletStore.useContract(
+        VITE_BRIDGE_CONTRACT_ID,
+        wasmPath
+      );
+      const period = await contract.call.finalization_period();
+      finalizationPeriodBlocks =
+        typeof period === "bigint" ? period : BigInt(period);
+    } catch {
+      finalizationPeriodBlocks = null;
+    } finally {
+      isFinalizationPeriodLoading = false;
+    }
+  }
+
+  /** @type {string} */
+  let destinationNetwork = "";
+
+  /** @type {string} */
+  let amount = "";
+
+  /** @type {bigint} */
+  let amountLux = 0n;
+
+  /** @type {bigint} */
+  let amountWei = 0n;
+
+  /** @type {boolean} */
+  let isGasValid = true;
+
+  /** @type {ContractGasSettings} */
+  let { gasLimit, gasPrice } = gasSettings;
+
+  /**
+   * Determines the direction of the transaction as either a withdrawal or deposit,
+   * makes the appropriate contract call and returns the transaction hash.
+   *
+   * @return {Promise<string | undefined>} hash
+   */
+  async function bridge() {
+    let hash;
+
+    if (originNetwork === "duskEvm" && destinationNetwork === "duskDs") {
+      // Withdraw...
+
+      /** @type {[number,string] | []} */
+      let args = [];
+
+      await walletStore
+        .useContract(VITE_BRIDGE_CONTRACT_ID, wasmPath)
+        .then(async (contract) => {
+          const encodedExtraData = await contract.encode(
+            "extra_data",
+            unshieldedAddress
+          );
+          args = [
+            EVM_MINIMUM_GAS_LIMIT,
+            `0x${bytesToHexString(encodedExtraData)}`,
+          ];
+        });
+
+      await switchChain(wagmiConfig, { chainId: duskEvm.id });
+
+      hash = await writeContract(wagmiConfig, {
+        abi: bridgeABI,
+        address: VITE_EVM_BRIDGE_CONTRACT_ADDRESS,
+        args,
+        chainId: duskEvm.id,
+        functionName: "bridgeETH",
+        value: amountWei,
+      });
+    } else if (originNetwork === "duskDs" && destinationNetwork === "duskEvm") {
+      // Deposit...
+
+      const gas = new Gas({ limit: gasLimit, price: gasPrice });
+
+      if (!$account.address) {
+        throw new Error("Account address is not available.");
+      }
+
+      const response = await walletStore.depositEvmFunctionCall(
+        $account.address,
+        amountLux,
+        VITE_BRIDGE_CONTRACT_ID,
+        wasmPath,
+        gas
+      );
+
+      hash = getKey("hash")(response);
+    } else {
+      throw new Error("Invalid bridge operation.");
+    }
+
+    return hash;
+  }
+
+  /**
+   * Options used for selecting which network to bridge between in the UI.
+   *
+   * @type {Array<SelectOption>}
+   */
+  const baseOptions = [
+    { label: "DuskDS", value: "duskDs" },
+    { label: "DuskEVM", value: "duskEvm" },
+  ];
+
+  // Default origin
+  let originNetwork = baseOptions[0].value;
+
+  $: destinationNetworkOptions = baseOptions.map((option) => ({
+    ...option,
+    disabled: option.value === originNetwork,
+  }));
+  $: destinationNetwork =
+    destinationNetworkOptions.find((o) => !o.disabled)?.value ?? "";
+  $: amount = slashDecimals(cleanNumberString(amount, getDecimalSeparator()));
+  $: fee = gasLimit * gasPrice;
+  $: isDepositing =
+    originNetwork === "duskDs" && destinationNetwork === "duskEvm";
+  $: isWithdrawing =
+    originNetwork === "duskEvm" && destinationNetwork === "duskDs";
+  $: if (isWithdrawing) {
+    loadFinalizationPeriod();
+  }
+  $: {
+    // viem expects a dot as decimal separator.
+    // We also guard against incomplete inputs like "1." or ",5".
+    const normalized = amount.replace(",", ".");
+    const trimmed = normalized.endsWith(".")
+      ? normalized.slice(0, -1)
+      : normalized;
+    const safe = trimmed.startsWith(".") ? `0${trimmed}` : trimmed;
+
+    try {
+      amountLux = safe ? parseUnits(safe, 9) : 0n;
+    } catch {
+      amountLux = 0n;
+    }
+
+    // Convert Lux (1e9) to EVM base units (1e18)
+    amountWei = amountLux * EVM_TO_LUX_SCALE_FACTOR;
+  }
+  $: totalDepositLux = amountLux + fee;
+  $: hasEnoughUnshielded =
+    !isDepositing || unshieldedBalance >= totalDepositLux;
+  $: hasEnoughEvm =
+    !isWithdrawing ||
+    (evmDuskBalance ? amountWei <= evmDuskBalance.value : false);
+  $: isBalanceSufficient = isDepositing ? hasEnoughUnshielded : hasEnoughEvm;
+  $: isNextButtonDisabled =
+    amountLux === 0n || (isDepositing && !isGasValid) || !isBalanceSufficient;
+  $: isGasValid = areValidGasSettings(gasPrice, gasLimit);
+  $: ({ address } = $account);
+  $: ({ language } = $settingsStore);
+  $: blocksFormatter = createNumberFormatter(language, 0);
+</script>
+
+<article class="bridge">
+  <header class="bridge__header">
+    <h3 class="h4">Bridge</h3>
+    <div class="bridge__header-icons">
+      <AppAnchor
+        href="/dashboard/bridge/transactions"
+        className="bridge__transactions-link"
+        aria-label="Pending withdrawals"
+      >
+        <Icon path={mdiHistory} />
+        {#await pendingWithdrawals then withdrawals}
+          {@const pendingCount = countPendingWithdrawalsFor(
+            unshieldedAddress,
+            withdrawals
+          )}
+          {#if pendingCount > 0}
+            <span class="bridge__transactions-indicator" aria-hidden="true">
+              {pendingCount > 9 ? "9+" : pendingCount}
+            </span>
+          {/if}
+        {/await}
+      </AppAnchor>
+    </div>
+  </header>
+
+  <aside class="bridge__balances">
+    <dl class="balances">
+      <dt class="balances__token">DuskDS</dt>
+      <dd class="balances__balance">
+        {formatter(luxToDusk(unshieldedBalance))}
+      </dd>
+      <dt class="balances__token">DuskEVM</dt>
+      <dd class="balances__balance">
+        {#if evmDuskBalance}
+          {formatter(luxToDusk(evmDuskBalance.value / EVM_TO_LUX_SCALE_FACTOR))}
+        {:else}
+          <Throbber size={16} />
+        {/if}
+      </dd>
+    </dl>
+  </aside>
+
+  <div class="operation">
+    <Wizard steps={3} let:key>
+      <WizardStep
+        step={0}
+        {key}
+        backButton={{
+          disabled: false,
+          href: "/dashboard",
+          isAnchor: true,
+        }}
+        nextButton={{ disabled: isNextButtonDisabled }}
+      >
+        <div in:fade|global class="operation__bridge">
+          <fieldset class="operation__fieldset">
+            <p class="operation__label">From</p>
+
+            <div class="operation__input-wrapper">
+              <Select
+                bind:value={originNetwork}
+                name="origin-network"
+                options={baseOptions}
+              />
+            </div>
+
+            <hr class="glyph" />
+
+            <p class="operation__label">To</p>
+
+            <div class="operation__input-wrapper">
+              <Select
+                bind:value={destinationNetwork}
+                name="destination-network"
+                options={destinationNetworkOptions}
+              />
+            </div>
+
+            <div class="operation__input-wrapper">
+              <Textbox
+                className="operation__input-field"
+                required
+                type="text"
+                id="destination-amount"
+                name="destination-amount"
+                bind:value={amount}
+              />
+              <Icon
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                path={logo}
+              />
+            </div>
+
+            {#if amount !== ""}
+              {#if isDepositing && !hasEnoughUnshielded}
+                <Banner title="Insufficient balance" variant="warning">
+                  <p>
+                    Your <b>unshielded</b> balance must cover the amount
+                    <i>plus</i> the fee.
+                  </p>
+                </Banner>
+              {:else if isWithdrawing && !evmDuskBalance}
+                <Banner title="Checking balance" variant="info">
+                  <p>Fetching your <b>DuskEVM</b> balance…</p>
+                </Banner>
+              {:else if isWithdrawing && evmDuskBalance && !hasEnoughEvm}
+                <Banner title="Insufficient balance" variant="warning">
+                  <p>
+                    Your <b>DuskEVM</b> balance is too low for this withdrawal (you
+                    also need a little extra for gas).
+                  </p>
+                </Banner>
+              {/if}
+            {/if}
+          </fieldset>
+          {#if isDepositing}
+            <GasSettings
+              {formatter}
+              {fee}
+              limit={gasSettings.gasLimit}
+              limitLower={gasLimits.gasLimitLower}
+              limitUpper={gasLimits.gasLimitUpper}
+              price={gasSettings.gasPrice}
+              priceLower={gasLimits.gasPriceLower}
+              on:gasSettings={(event) => {
+                gasPrice = event.detail.price;
+                gasLimit = event.detail.limit;
+              }}
+            />
+          {/if}
+        </div>
+      </WizardStep>
+      <WizardStep
+        step={1}
+        {key}
+        nextButton={{
+          disabled: isNextButtonDisabled,
+          icon: { path: mdiArrowUpBoldBoxOutline, position: "before" },
+          label: "SEND",
+          variant: "primary",
+        }}
+      >
+        <div in:fade|global class="operation__bridge">
+          <Badge
+            className="operation__review-notice"
+            text="REVIEW TRANSACTION"
+            variant="warning"
+          />
+          <dl class="operation__review-transaction">
+            <dt class="review-transaction__label">
+              <Icon path={mdiArrowUpBoldBoxOutline} />
+              <span>Amount:</span>
+            </dt>
+            <dd class="review-transaction__value operation__review-amount">
+              <span>
+                {`${formatter(luxToDusk(amountLux))} DUSK`}
+              </span>
+              <Icon
+                className="dusk-amount__icon"
+                path={logo}
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+              />
+            </dd>
+          </dl>
+          <dl class="operation__review-transaction">
+            <dt class="review-transaction__label">
+              <span>From</span>
+            </dt>
+            <dd class="operation__review-address">
+              <span>
+                {isDepositing ? unshieldedAddress : address}
+              </span>
+            </dd>
+          </dl>
+          <dl class="operation__review-transaction">
+            <dt class="review-transaction__label">
+              <span>To</span>
+            </dt>
+            <dd class="operation__review-address">
+              <span>
+                {isDepositing ? address : unshieldedAddress}
+              </span>
+            </dd>
+          </dl>
+          {#if isDepositing}
+            <GasFee {formatter} {fee} />
+          {/if}
+          <Banner title="Fee Details" variant="info">
+            <p>
+              The fee will be deducted from your <b
+                >{isDepositing ? "unshielded" : "EVM"}</b
+              > balance.
+            </p>
+          </Banner>
+        </div>
+      </WizardStep>
+      <WizardStep step={2} {key} showNavigation={false}>
+        <OperationResult
+          errorMessage="Bridging failed"
+          operation={bridge()}
+          pendingMessage="Processing transaction"
+          successMessage={isDepositing
+            ? "Deposit submitted"
+            : "Withdrawal request submitted"}
+        >
+          <svelte:fragment slot="success-content" let:result={hash}>
+            {#if isDepositing}
+              <p>{MESSAGES.TRANSACTION_CREATED}</p>
+            {:else}
+              <p>{MESSAGES.TRANSACTION_PENDING}</p>
+
+              {#if isFinalizationPeriodLoading}
+                <p class="bridge__finalization-hint">
+                  <Throbber size={16} /> Fetching finalization period…
+                </p>
+              {:else if finalizationPeriodBlocks !== null}
+                <p class="bridge__finalization-hint">
+                  Finalization period:
+                  {blocksFormatter(finalizationPeriodBlocks)} blocks ({formatBlocksAsTime(
+                    finalizationPeriodBlocks,
+                    language
+                  )} at ~10s/block). You can finalize your withdrawal once the period
+                  has passed.
+                </p>
+              {/if}
+
+              <AppAnchorButton
+                href="/dashboard/bridge/transactions"
+                text="PENDING WITHDRAWALS"
+                variant="primary"
+              />
+            {/if}
+            {#if hash}
+              <AnchorButton
+                href={isDepositing
+                  ? `/explorer/transactions/transaction?id=${hash}`
+                  : `${duskEvm.blockExplorers.default.url}/tx/${hash}`}
+                text="VIEW ON BLOCK EXPLORER"
+                rel="noopener noreferrer"
+                target="_blank"
+              />
+            {/if}
+          </svelte:fragment>
+        </OperationResult>
+      </WizardStep>
+    </Wizard>
+  </div>
+</article>
+
+<style lang="postcss">
+  .bridge {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding: 1.25em;
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__header-icons {
+      display: flex;
+      align-items: center;
+      gap: 0.675em;
+    }
+
+    :global(&__transactions-link) {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    :global(&__transactions-link .dusk-icon) {
+      /* Make the transaction history icon a little bit bigger */
+      --icon-size: 1.8rem;
+    }
+
+    &__transactions-indicator {
+      position: absolute;
+      top: -0.45em;
+      right: -0.45em;
+
+      min-width: 1.4em;
+      height: 1.4em;
+      padding: 0 0.4em;
+
+      border-radius: 999px;
+      background: var(--error-color);
+      color: var(--on-error-color);
+
+      font-size: 0.75em;
+      font-weight: 700;
+      line-height: 1.4em;
+
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+
+      border: 2px solid var(--surface-color);
+      box-sizing: border-box;
+      pointer-events: none;
+    }
+
+    &__finalization-hint {
+      opacity: 0.9;
+      line-height: 1.4;
+      margin-top: 0.75em;
+    }
+
+    &__balances {
+      display: flex;
+      padding: 1em 1.25em;
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+      gap: var(--medium-gap);
+      align-self: stretch;
+
+      border-radius: var(--fieldset-border-radius);
+      background: var(--fieldset-background-color);
+    }
+  }
+
+  .balances {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 0.25rem 1rem;
+    align-items: baseline;
+    margin: 0;
+    width: 100%;
+
+    &__token {
+      font-weight: 500;
+    }
+
+    &__balance {
+      margin: 0;
+      overflow-wrap: anywhere;
+      text-align: right;
+    }
+  }
+
+  .operation {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+
+    &__fieldset {
+      display: flex;
+      padding: 1em 1.25em;
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+      gap: var(--medium-gap);
+      align-self: stretch;
+
+      border-radius: var(--fieldset-border-radius);
+      background: var(--fieldset-background-color);
+    }
+
+    &__input-wrapper {
+      column-gap: var(--default-gap);
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__review-address {
+      background-color: transparent;
+      border: 1px solid var(--primary-color);
+      border-radius: 1.5em;
+      padding: 0.75em 1em;
+      width: 100%;
+      line-break: anywhere;
+    }
+
+    &__review-transaction {
+      display: flex;
+      flex-direction: column;
+      gap: 0.625em;
+    }
+
+    &__review-amount {
+      justify-content: flex-start;
+    }
+
+    &__bridge {
+      display: flex;
+      flex-direction: column;
+      gap: 1.2em;
+    }
+
+    .review-transaction__label,
+    .review-transaction__value {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--small-gap);
+    }
+
+    .review-transaction__value {
+      font-weight: bold;
+    }
+
+    :global(&__review-notice) {
+      text-align: center;
+    }
+
+    & > :global(.operation__operation-button) {
+      width: 100%;
+      text-align: left;
+    }
+  }
+
+  .glyph {
+    margin: var(--default-gap) 0;
+    height: 1px;
+  }
+
+  .glyph:after {
+    content: "↑↓";
+    display: inline-block;
+    position: relative;
+    top: -1.2em;
+    color: var(--divider-border-color);
+    border: 1px solid var(--divider-border-color);
+    border-radius: 2em;
+    padding: 0.5em 1.25em;
+    background-color: var(--divider-background-color);
+  }
+</style>
diff --git a/src/lib/components/ContractOperations/ContractOperations.svelte b/src/lib/components/ContractOperations/ContractOperations.svelte
index f8ecefa3..fbf30e6d 100644
--- a/src/lib/components/ContractOperations/ContractOperations.svelte
+++ b/src/lib/components/ContractOperations/ContractOperations.svelte
@@ -1,67 +1,84 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher } from "svelte";
-	import {
-		mdiArrowDownBoldBoxOutline,
-		mdiArrowUpBoldBoxOutline,
-		mdiDatabaseArrowDownOutline,
-		mdiDatabaseOutline,
-		mdiHelpCircleOutline
-	} from "@mdi/js";
+  import { createEventDispatcher } from "svelte";
+  import {
+    mdiArrowDownBoldBoxOutline,
+    mdiArrowLeft,
+    mdiArrowUpBoldBoxOutline,
+    mdiDatabaseArrowDownOutline,
+    mdiDatabaseOutline,
+    mdiGiftOpenOutline,
+    mdiHelpCircleOutline,
+  } from "@mdi/js";
 
-	import { Button } from "$lib/dusk/components";
+  import { AppAnchorButton } from "$lib/components";
+  import { Button } from "$lib/dusk/components";
 
-	/** @type {ContractOperation[]} */
-	export let items;
+  /** @type {ContractOperation[]} */
+  export let items;
 
-	const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher();
 
-	/** @type {Record<string, string>} */
-	const operationIcons = {
-		"receive": mdiArrowDownBoldBoxOutline,
-		"send": mdiArrowUpBoldBoxOutline,
-		"stake": mdiDatabaseOutline,
-		"withdraw-rewards": mdiDatabaseArrowDownOutline,
-		"withdraw-stake": mdiDatabaseArrowDownOutline
-	};
+  /** @type {Record<string, string>} */
+  const operationIcons = {
+    "claim-rewards": mdiGiftOpenOutline,
+    receive: mdiArrowDownBoldBoxOutline,
+    send: mdiArrowUpBoldBoxOutline,
+    stake: mdiDatabaseOutline,
+    unstake: mdiDatabaseArrowDownOutline,
+  };
 </script>
 
 <menu class="contract-operations">
-	{#each items as operation (operation.id)}
-		<li class="contract-operations__operation">
-			<Button
-				className="contract-operations__operation-button"
-				disabled={operation.disabled}
-				icon={{
-					path: operationIcons[operation.id] ?? mdiHelpCircleOutline,
-					size: "normal"
-				}}
-				on:click={() => { dispatch("operationChange", operation.id); }}
-				text={operation.label}
-				variant={operation.primary ? "secondary" : "tertiary"}
-			/>
-		</li>
-	{/each}
+  {#each items as operation (operation.id)}
+    <li class="contract-operations__operation">
+      <Button
+        className="contract-operations__operation-button"
+        disabled={operation.disabled}
+        icon={{
+          path: operationIcons[operation.id] ?? mdiHelpCircleOutline,
+        }}
+        on:click={() => {
+          dispatch("operationChange", operation.id);
+        }}
+        text={operation.label}
+        variant={operation.primary ? "primary" : "tertiary"}
+      />
+    </li>
+  {/each}
+  <li class="contract-operations__operation">
+    <AppAnchorButton
+      className="contract-operations__operation-button"
+      href="/dashboard"
+      icon={{ path: mdiArrowLeft }}
+      on:click={() => {
+        dispatch("operationChange", "");
+      }}
+      text="Back"
+      variant="tertiary"
+    />
+  </li>
 </menu>
 
 <style lang="postcss">
-	.contract-operations {
-		list-style-type: none;
+  .contract-operations {
+    list-style-type: none;
 
-		&, &__operation {
-			width: 100%;
-		}
+    &,
+    &__operation {
+      width: 100%;
+    }
 
-		&__operation {
-			& + & {
-				margin-top: var(--default-gap);
-			}
+    &__operation {
+      & + & {
+        margin-top: 1.25rem;
+      }
 
-			& > :global(.contract-operations__operation-button) {
-				width: 100%;
-				text-align: left;
-			}
-		}
-	}
+      & > :global(.contract-operations__operation-button) {
+        width: 100%;
+        text-align: left;
+      }
+    }
+  }
 </style>
diff --git a/src/lib/components/ContractStatusesList/ContractStatusesList.svelte b/src/lib/components/ContractStatusesList/ContractStatusesList.svelte
index ed005131..8300946c 100644
--- a/src/lib/components/ContractStatusesList/ContractStatusesList.svelte
+++ b/src/lib/components/ContractStatusesList/ContractStatusesList.svelte
@@ -1,58 +1,76 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { Icon } from "$lib/dusk/components";
-	import { logo } from "$lib/dusk/icons";
+  import { Icon } from "$lib/dusk/components";
+  import { logo } from "$lib/dusk/icons";
 
-	/** @type {ContractStatus[]} */
-	export let items;
+  /** @type {ContractStatus[]} */
+  export let statuses;
 </script>
 
-<dl class="contract-statuses">
-	{#each items as status (status.label)}
-		<dt class="contract-statuses__label">
-			{status.label}
-		</dt>
-		<dd class="contract-statuses__value">
-			<span>{status.value}</span>
-			<Icon
-				className="contract-statuses__icon"
-				path={logo}
-				data-tooltip-id="main-tooltip"
-				data-tooltip-text="DUSK"
-			/>
-		</dd>
-	{/each}
-</dl>
+<div class="contract-statuses">
+  <dl class="contract-statuses__list">
+    {#each statuses.filter((status) => status.value !== null) as status (status.label)}
+      <dt class="contract-statuses__label">
+        {status.label}
+      </dt>
+      <dd class="contract-statuses__value">
+        <span>{status.value}</span>
+        <Icon
+          className="contract-statuses__icon"
+          path={logo}
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+        />
+      </dd>
+    {/each}
+  </dl>
+  <slot />
+</div>
 
 <style lang="postcss">
-	.contract-statuses {
-		background-color: var(--background-color);
-		border-radius: var(--control-border-radius-size);
-		padding: 0.5em 1em;
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		gap: var(--small-gap);
-
-		&__label, &__value {
-			flex: 1 1 calc(50% - var(--small-gap) / 2);
-		}
-
-		&__value {
-			display: inline-flex;
-			align-items: center;
-			gap: var(--small-gap);
-			text-align: right;
-			font-weight: 600;
-			justify-content: end;
-		}
-
-		:global(&__icon) {
-			width: 1em;
-			height: 1em;
-			flex-shrink: 0;
-		}
-	}
+  .contract-statuses {
+    background-color: var(--background-color);
+    border-radius: var(--control-border-radius-size);
+    padding: 0.75em;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--small-gap);
+
+    &__list {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 0.625em;
+    }
+
+    &__label,
+    &__value {
+      flex: 1 1 calc(50% - 0.625em / 2);
+      line-height: 150%;
+    }
+
+    &__label {
+      padding-left: 0.625em;
+    }
+
+    &__value {
+      display: inline-flex;
+      align-items: center;
+      padding-right: 0.625em;
+      gap: var(--small-gap);
+      text-align: right;
+      font-weight: 600;
+      justify-content: end;
+    }
+
+    :global(&__icon) {
+      width: 1em;
+      height: 1em;
+      flex-shrink: 0;
+    }
+  }
 </style>
diff --git a/src/lib/components/CopyField/CopyField.css b/src/lib/components/CopyField/CopyField.css
new file mode 100644
index 00000000..f2abfc79
--- /dev/null
+++ b/src/lib/components/CopyField/CopyField.css
@@ -0,0 +1,9 @@
+.copy-field {
+  display: flex;
+  align-items: center;
+  gap: var(--default-gap);
+}
+
+.copy-field__content {
+  flex: 1;
+}
diff --git a/src/lib/components/CopyField/CopyField.svelte b/src/lib/components/CopyField/CopyField.svelte
new file mode 100644
index 00000000..efda65a4
--- /dev/null
+++ b/src/lib/components/CopyField/CopyField.svelte
@@ -0,0 +1,63 @@
+<svelte:options immutable={true} />
+
+<script>
+  import "./CopyField.css";
+
+  import { mdiAlertOutline, mdiContentCopy } from "@mdi/js";
+  import { Button, Textbox } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import { makeClassName } from "$lib/dusk/string";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {string} */
+  export let name;
+
+  /** @type {string} */
+  export let displayValue;
+
+  /** @type {string} */
+  export let rawValue;
+
+  /** @type {boolean} */
+  export let disabled = false;
+
+  function copyToClipboard() {
+    navigator.clipboard
+      .writeText(rawValue)
+      .then(() => {
+        toast("success", `${name} copied`, mdiContentCopy);
+      })
+      .catch((err) => {
+        toast(
+          "error",
+          err.name === "NotAllowedError"
+            ? "Clipboard access denied"
+            : err.message,
+          mdiAlertOutline
+        );
+      });
+  }
+
+  $: classes = makeClassName(["copy-field", className]);
+</script>
+
+<div class={classes} {...$$restProps}>
+  <Textbox
+    className="copy-field__content"
+    value={displayValue}
+    type="text"
+    readOnly
+  />
+  <Button
+    aria-label="Copy Address"
+    className="copy-field__button"
+    data-tooltip-id="main-tooltip"
+    data-tooltip-text="Copy to clipboard"
+    icon={{ path: mdiContentCopy }}
+    on:click={copyToClipboard}
+    variant="primary"
+    {disabled}
+  />
+</div>
diff --git a/src/lib/components/DashboardNav/DashboardNav.svelte b/src/lib/components/DashboardNav/DashboardNav.svelte
new file mode 100644
index 00000000..b846b4fa
--- /dev/null
+++ b/src/lib/components/DashboardNav/DashboardNav.svelte
@@ -0,0 +1,71 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { Card, Icon } from "$lib/dusk/components";
+  import { AppAnchor } from "$lib/components";
+
+  /** @type {DashboardNavItem[]} */
+  export let items;
+</script>
+
+<Card>
+  <nav class="dashboard-nav" aria-label="Transaction and operations navigation">
+    {#each items as item (item.id)}
+      {@const { icons, label, href } = item}
+      <AppAnchor
+        {href}
+        tabindex="0"
+        className="dashboard-nav__item"
+        role="menuitem"
+      >
+        <span class="dashboard-nav__item-label">{label}</span>
+        {#if icons?.length}
+          <span class="dashboard-nav__item-icons">
+            {#each icons as icon (icon.path)}
+              <Icon path={icon.path} />
+            {/each}
+          </span>
+        {/if}
+      </AppAnchor>
+    {/each}
+  </nav>
+</Card>
+
+<style lang="postcss">
+  .dashboard-nav {
+    :global(&__item) {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0.5rem 0;
+      color: var(--on-surface-color) !important;
+
+      &:first-child {
+        padding-top: 0;
+      }
+
+      &:last-child {
+        padding-bottom: 0;
+      }
+
+      &:hover {
+        color: var(--anchor-color-on-surface) !important;
+        text-decoration: none !important;
+      }
+    }
+
+    &__item-label {
+      font-size: 1.125rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.6875rem;
+    }
+
+    &__item-icons {
+      display: flex;
+      flex-direction: row;
+      gap: 0.625rem;
+    }
+  }
+</style>
diff --git a/src/lib/components/EvmTransactions/EvmTransactions.svelte b/src/lib/components/EvmTransactions/EvmTransactions.svelte
new file mode 100644
index 00000000..ef419371
--- /dev/null
+++ b/src/lib/components/EvmTransactions/EvmTransactions.svelte
@@ -0,0 +1,313 @@
+<script>
+  import { mdiArrowLeft, mdiContain } from "@mdi/js";
+  import { onMount } from "svelte";
+  import { fade } from "svelte/transition";
+
+  import { goto } from "$lib/navigation";
+
+  import { formatBlocksAsTime } from "$lib/bridge/formatBlocksAsTime";
+  import { AppAnchorButton } from "$lib/components";
+  import { Button, Icon, Suspense, Throbber } from "$lib/dusk/components";
+  import { createTransferFormatter, luxToDusk } from "$lib/dusk/currency";
+  import { calculateAdaptiveCharCount, middleEllipsis } from "$lib/dusk/string";
+  import { networkStore, walletStore } from "$lib/stores";
+  import wasmPath from "$lib/vendor/standard_bridge_dd_opt.wasm?url";
+
+  /** @type {string} */
+  const VITE_BRIDGE_CONTRACT_ID = import.meta.env.VITE_BRIDGE_CONTRACT_ID;
+
+  /** @type {string} */
+  export let language;
+
+  /** @type {Promise<PendingWithdrawalEntry[]>} */
+  export let items = Promise.resolve(
+    /** @type {PendingWithdrawalEntry[]} */ ([])
+  );
+
+  /** @type {number} */
+  let screenWidth = window.innerWidth;
+
+  /** @type {number} */
+  let ellipsisChars = calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20);
+
+  /** @type {(n: bigint|number) => string} */
+  let transferFormatter;
+
+  /** @type {Intl.NumberFormat} */
+  let numberFormatter;
+
+  /** @type {{ height: bigint; period: bigint } | null} */
+  let chainInfo = null;
+
+  async function loadChainInfo() {
+    const [height, periodNum] =
+      await getCurrentBlockHeightAndFinalizationPeriod();
+    chainInfo = { height, period: BigInt(periodNum) };
+  }
+
+  /**
+   * @param {number} txHeight
+   * @returns {bigint} remaining blocks (>= 0n)
+   */
+  function remainingBlocks(txHeight) {
+    if (!chainInfo) return 0n;
+
+    const height = BigInt(txHeight);
+    const remaining = height + chainInfo.period - chainInfo.height;
+
+    return remaining > 0n ? remaining : 0n;
+  }
+
+  /**
+   * @return {Promise<number>}
+   */
+  async function getFinalizationPeriod() {
+    const contract = await walletStore.useContract(
+      VITE_BRIDGE_CONTRACT_ID,
+      wasmPath
+    );
+    return await contract.call.finalization_period();
+  }
+
+  /**
+   * @return {Promise<bigint>}
+   */
+  async function getCurrentBlockHeight() {
+    return await networkStore.getCurrentBlockHeight();
+  }
+
+  /**
+   * @return {Promise<[bigint, number]>}
+   */
+  async function getCurrentBlockHeightAndFinalizationPeriod() {
+    return await Promise.all([
+      getCurrentBlockHeight(),
+      getFinalizationPeriod(),
+    ]);
+  }
+
+  onMount(() => {
+    loadChainInfo();
+
+    function onResize() {
+      screenWidth = window.innerWidth;
+    }
+
+    window.addEventListener("resize", onResize);
+
+    return () => {
+      window.removeEventListener("resize", onResize);
+    };
+  });
+
+  $: ({ currentProfile } = $walletStore);
+  $: ellipsisChars = calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20);
+  $: transferFormatter = createTransferFormatter(language);
+  $: numberFormatter = new Intl.NumberFormat(language);
+  $: currentProfileAccountAddress = currentProfile
+    ? currentProfile.account.toString()
+    : "";
+</script>
+
+<article in:fade|global class="transactions">
+  <header class="transactions__header">
+    <h3 class="h4">Pending Withdrawals</h3>
+    <AppAnchorButton
+      className="transactions__footer-button"
+      href="/dashboard/bridge"
+      text="Back"
+      variant="tertiary"
+      icon={{ path: mdiArrowLeft }}
+    />
+  </header>
+  <Suspense
+    className="transactions-list__container"
+    errorMessage="Error getting transactions"
+    errorVariant="details"
+    waitFor={items}
+  >
+    <svelte:fragment slot="pending-content">
+      <div class="transactions-list__loading-container">
+        <Throbber />
+      </div>
+    </svelte:fragment>
+    <svelte:fragment slot="success-content" let:result={transactions}>
+      {@const userTransactions =
+        currentProfileAccountAddress && Array.isArray(transactions)
+          ? transactions.filter(
+              ([, tx]) => tx?.to?.External === currentProfileAccountAddress
+            )
+          : []}
+
+      {#if userTransactions.length}
+        {#each userTransactions as [txId, tx] (txId)}
+          {@const amount = BigInt(tx.amount)}
+          <dl class="transactions-list">
+            <dt class="transactions-list__term">Block</dt>
+            <dd class="transactions-list__datum">
+              {numberFormatter.format(tx.block_height)}
+            </dd>
+            <dt class="transactions-list__term">Amount</dt>
+            <dd class="transactions-list__datum">
+              {transferFormatter(luxToDusk(amount))}
+              <span class="transactions-list__ticker">Dusk</span>
+            </dd>
+            <dt class="transactions-list__term">From</dt>
+            <dd class="transactions-list__datum">
+              {middleEllipsis(tx.from, ellipsisChars)}
+            </dd>
+            {#if chainInfo}
+              {#if chainInfo.height >= BigInt(tx.block_height) + chainInfo.period}
+                <dt class="transactions-list__term">Status</dt>
+                <dd class="transactions-list__datum">
+                  <Button
+                    text="Finalize now"
+                    on:click={async () => {
+                      try {
+                        const res =
+                          await walletStore.finalizeWithdrawalEvmFunctionCall(
+                            VITE_BRIDGE_CONTRACT_ID,
+                            txId,
+                            wasmPath
+                          );
+                        const hash = res.hash;
+                        await goto("/dashboard/bridge/transactions/complete", {
+                          replaceState: true,
+                          state: {
+                            hash,
+                          },
+                        });
+                      } catch (e) {
+                        // eslint-disable-next-line no-console
+                        console.error("Finalize failed", e);
+                      }
+                    }}
+                  />
+                </dd>
+              {:else}
+                {@const remBlocks = remainingBlocks(tx.block_height)}
+                <dt class="transactions-list__term">Status</dt>
+                <dd class="transactions-list__datum">
+                  Finalization possible in {numberFormatter.format(remBlocks)} blocks
+                  ({formatBlocksAsTime(remBlocks, language)} at ~10s/block)
+                </dd>
+              {/if}
+            {:else}
+              <dt class="transactions-list__term">Status</dt>
+              <dd class="transactions-list__datum"><Throbber /></dd>
+            {/if}
+          </dl>
+        {/each}
+      {:else}
+        <div class="transactions-list__empty">
+          <Icon path={mdiContain} size="large" />
+          <p>
+            You have no pending withdrawals. If you have just made a withdrawal,
+            it can take up to 10 minutes to appear here (depending on network
+            usage).
+          </p>
+        </div>
+      {/if}
+    </svelte:fragment>
+  </Suspense>
+</article>
+
+<style lang="postcss">
+  .transactions {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding-top: 1.375em;
+
+    &__header {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 1rem;
+      gap: 0.625rem;
+      flex-wrap: wrap;
+
+      & :global(h3) {
+        line-height: 150%;
+      }
+    }
+  }
+
+  :global {
+    .transactions-list {
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      width: 100%;
+
+      &__term {
+        background-color: var(--background-color-alt);
+        grid-column: 1;
+        line-height: 130%;
+        text-transform: capitalize;
+        padding: 0.3125em 0.625em 0.3125em 1.375em;
+      }
+
+      &__ticker {
+        text-transform: uppercase;
+      }
+
+      &__loading-container {
+        margin: 1.25em 0;
+      }
+
+      &__datum {
+        grid-column: 2;
+        line-height: 150%;
+        padding: 0.312em 0.625em;
+        display: flex;
+        align-items: center;
+        gap: 0.625em;
+        font-family: var(--mono-font-family);
+        overflow: hidden;
+
+        & samp {
+          display: block;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+
+        &--hash {
+          justify-content: center;
+        }
+      }
+
+      &__empty {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.5em;
+        margin: 1.25em 0;
+      }
+
+      &__badge {
+        flex: 1;
+      }
+
+      & dt:first-of-type,
+      & dd:first-of-type {
+        padding-top: 1em;
+      }
+
+      & dt:last-of-type,
+      & dd:last-of-type {
+        padding-bottom: 1em;
+      }
+
+      & dt:first-of-type {
+        border-top-right-radius: 2em;
+      }
+
+      & dt:last-of-type {
+        border-bottom-right-radius: 2em;
+      }
+    }
+  }
+</style>
diff --git a/src/lib/components/ExecuteMigration/ExecuteMigration.svelte b/src/lib/components/ExecuteMigration/ExecuteMigration.svelte
new file mode 100644
index 00000000..badf570a
--- /dev/null
+++ b/src/lib/components/ExecuteMigration/ExecuteMigration.svelte
@@ -0,0 +1,118 @@
+<svelte:options immutable={true} />
+
+<script>
+  import {
+    mdiAlertOutline,
+    mdiCheckDecagramOutline,
+    mdiTimerSand,
+  } from "@mdi/js";
+  import { waitForTransactionReceipt } from "@wagmi/core";
+  import { isHex } from "viem";
+  import { AppAnchor, Banner } from "$lib/components";
+  import { Button, Icon } from "$lib/dusk/components";
+  import { account, wagmiConfig } from "$lib/web3/walletConnection";
+  import { migrate } from "$lib/web3/migration";
+  import { createDataStore } from "$lib/dusk/svelte-stores";
+  import { createEventDispatcher } from "svelte";
+  import { walletStore } from "$lib/stores";
+
+  /** @type {bigint} */
+  export let amount;
+
+  /** @type {string} */
+  export let currentAddress;
+
+  /** @type {HexString} */
+  export let migrationContract;
+
+  const dispatch = createEventDispatcher();
+
+  /** @type {string} */
+  let migrationHash = "";
+
+  const migrationStore = createDataStore(handleMigration);
+
+  $: ({ chain, chainId } = $account);
+  $: ({ data, error, isLoading } = $migrationStore);
+
+  /** @param {number} id - the chain id of the selected smart contract */
+  async function handleMigration(id) {
+    const txHash = await migrate(amount, id, currentAddress, migrationContract);
+
+    if (isHex(txHash)) {
+      migrationHash = txHash;
+      const result = await waitForTransactionReceipt(wagmiConfig, {
+        confirmations: 10,
+        hash: txHash,
+      });
+      if (result.status === "success") {
+        dispatch("incrementStep");
+        setTimeout(() => {
+          walletStore.sync();
+        }, 20000);
+      } else {
+        throw new Error("Could not validate the transaction receipt");
+      }
+    } else {
+      throw new Error("txHash is not a hex string");
+    }
+  }
+</script>
+
+<div class="migrate__execute">
+  {#if !isLoading && !data && !error}
+    <div class="migrate__execute-approval">
+      <Icon path={mdiCheckDecagramOutline} size="large" />
+      <span>Approval successful! You may now proceed with the migration.</span>
+    </div>
+  {:else if error}
+    <div class="migrate__execute-approval">
+      <Icon path={mdiAlertOutline} size="large" />
+      <span>Action has been rejected on the connected wallet.</span>
+    </div>
+  {:else if isLoading && !migrationHash}
+    <div class="migrate__execute-approval">
+      <Icon path={mdiTimerSand} size="large" />
+      <span>Migration in progress...</span>
+    </div>
+  {/if}
+  {#if migrationHash && chain?.blockExplorers}
+    <div class="migrate__execute-approval">
+      <Icon path={mdiTimerSand} size="large" />
+      <span>Your migration request is being processed...</span>
+      <Banner title="Migration in Progress" variant="info">
+        <p>
+          Your migration request is currently being executed and may take a few
+          minutes to complete. You can track the transaction status <AppAnchor
+            href={`${chain.blockExplorers.default.url}/tx/${migrationHash}`}
+            target="_blank"
+            rel="noopener noreferrer">here</AppAnchor
+          >.
+        </p>
+      </Banner>
+    </div>
+  {/if}
+  {#if (isLoading || !data || error) && !migrationHash}
+    <Button
+      text={`${error ? "RETRY" : "EXECUTE"}  MIGRATION`}
+      disabled={!!isLoading}
+      on:click={() => migrationStore.getData(chainId)}
+    />
+  {/if}
+</div>
+
+<style lang="postcss">
+  .migrate__execute {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    gap: 1.875em;
+
+    &-approval {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--default-gap);
+    }
+  }
+</style>
diff --git a/src/lib/components/ExistingWalletNotice/ExistingWalletNotice.svelte b/src/lib/components/ExistingWalletNotice/ExistingWalletNotice.svelte
new file mode 100644
index 00000000..408d84dd
--- /dev/null
+++ b/src/lib/components/ExistingWalletNotice/ExistingWalletNotice.svelte
@@ -0,0 +1,47 @@
+<script>
+  import { Button } from "$lib/dusk/components";
+  import { AppAnchorButton } from "$lib/components";
+  import { WarningCard } from "$lib/containers/Cards";
+
+  /** @type {boolean} */
+  export let notice = false;
+</script>
+
+<section>
+  <WarningCard heading="Existing Wallet Detected">
+    <p>
+      Initializing a new wallet will replace your existing local wallet cache,
+      erasing any stored data. Ensure you have securely backed up your current
+      wallet's mnemonic phrase to prevent loss. Proceeding without a backup can
+      lead to irreversible loss of access to your assets.
+    </p>
+    <div class="actions">
+      <AppAnchorButton
+        className="actions__action"
+        href="/setup"
+        text="Back"
+        variant="tertiary"
+      />
+      <Button
+        className="actions__action"
+        text="Proceed"
+        on:click={() => {
+          notice = true;
+        }}
+      />
+    </div>
+  </WarningCard>
+</section>
+
+<style lang="postcss">
+  .actions {
+    display: flex;
+    justify-content: space-between;
+    margin-top: var(--default-gap);
+    gap: var(--default-gap);
+  }
+
+  :global(.actions__action) {
+    flex: 1;
+  }
+</style>
diff --git a/src/lib/components/GasControls/GasControls.svelte b/src/lib/components/GasControls/GasControls.svelte
index c247eadd..ac0e5aec 100644
--- a/src/lib/components/GasControls/GasControls.svelte
+++ b/src/lib/components/GasControls/GasControls.svelte
@@ -1,112 +1,73 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher } from "svelte";
-	import {
-		always,
-		clamp,
-		clampWithin,
-		compose,
-		when
-	} from "lamb";
+  import { createEventDispatcher, onMount } from "svelte";
+  import { BigIntInput } from "$lib/components";
 
-	import { Textbox } from "$lib/dusk/components";
+  /** @type {bigint} */
+  export let limit;
 
-	/** @type {Number} */
-	export let limit;
+  /** @type {bigint} */
+  export let limitLower;
 
-	/** @type {Number} */
-	export let limitLower;
+  /** @type {bigint} */
+  export let limitUpper;
 
-	/** @type {Number} */
-	export let limitUpper;
+  /** @type {bigint} */
+  export let price;
 
-	/** @type {Number} */
-	export let price;
+  /** @type {bigint} */
+  export let priceLower;
 
-	/** @type {Number} */
-	export let priceLower;
+  const dispatch = createEventDispatcher();
 
-	const dispatch = createEventDispatcher();
+  function dispatchGasLimits() {
+    dispatch("gasSettings", {
+      limit: limit,
+      price: price,
+    });
+  }
 
-	// browsers may allow input of invalid characters
-	const toNumber = compose(when(isNaN, always(0)), n => parseInt(n, 10));
-	const toValidLimit = compose(clampWithin(limitLower, limitUpper), toNumber);
-
-	/**
-	 * @param {Number} n
-	 * @param {Number} upperLimit
-	 * @returns {Number}
-	 */
-	const toValidPrice = (n, upperLimit) => clamp(toNumber(n), priceLower, upperLimit);
-
-	function dispatchGasChange () {
-		const validLimit = toValidLimit(limit);
-
-		dispatch("setGasSettings", {
-			limit: validLimit,
-			price: toValidPrice(price, validLimit)
-		});
-	}
-
-	function handleLimitChange () {
-		const newLimit = toValidLimit(limit);
-
-		if (price > newLimit) {
-			price = toValidPrice(price, newLimit);
-		}
-
-		dispatchGasChange();
-	}
+  onMount(() => {
+    dispatchGasLimits();
+  });
 </script>
 
 <label for={undefined} class="gas-control">
-	<span class="gas-control__label">
-		Price: (lux)
-	</span>
-	<Textbox
-		bind:value={price}
-		className="gas-control__input"
-		max={toValidLimit(limit)}
-		min={priceLower}
-		on:blur={() => { price = toValidPrice(price, limit); }}
-		on:input={dispatchGasChange}
-		required
-		type="number"
-	/>
+  <span class="gas-control__label"> Price (lux):</span>
+  <BigIntInput
+    bind:value={price}
+    className="gas-control__input"
+    maxValue={limit}
+    minValue={priceLower}
+    on:input={dispatchGasLimits}
+    required
+  />
 </label>
 
 <label for={undefined} class="gas-control">
-	<span class="gas-control__label">
-		Gas Limit: (unit)
-	</span>
-	<Textbox
-		bind:value={limit}
-		className="gas-control__input"
-		max={limitUpper}
-		min={limitLower}
-		on:blur={() => { limit = toValidLimit(limit); }}
-		on:input={handleLimitChange}
-		required
-		type="number"
-	/>
+  <span class="gas-control__label"> Gas Limit (unit):</span>
+  <BigIntInput
+    bind:value={limit}
+    className="gas-control__input"
+    maxValue={limitUpper}
+    minValue={limitLower}
+    on:input={dispatchGasLimits}
+    required
+  />
 </label>
 
 <style lang="postcss">
-	.gas-control {
-		display: flex;
-		gap: 0.5em;
-		width: 100%;
-		flex-direction: column;
-		justify-content: start;
-		align-items: stretch;
-
-		&__label {
-			line-height: 140%;
-		}
-
-		:global(&__input:invalid) {
-			color: var(--error-color);
-		}
-	}
+  .gas-control {
+    display: flex;
+    gap: 0.5em;
+    width: 100%;
+    flex-direction: column;
+    justify-content: start;
+    align-items: stretch;
+
+    &__label {
+      line-height: 140%;
+    }
+  }
 </style>
diff --git a/src/lib/components/GasFee/GasFee.svelte b/src/lib/components/GasFee/GasFee.svelte
index c2f403be..2af5b39f 100644
--- a/src/lib/components/GasFee/GasFee.svelte
+++ b/src/lib/components/GasFee/GasFee.svelte
@@ -1,47 +1,58 @@
 <script>
-	import { logo } from "$lib/dusk/icons";
-	import { Icon } from "$lib/dusk/components";
+  import { logo } from "$lib/dusk/icons";
+  import { Icon } from "$lib/dusk/components";
+  import { luxToDusk } from "$lib/dusk/currency";
 
-	/** @type {string} */
-	export let fee;
+  /** @type {bigint} */
+  export let fee;
+
+  /** @type {(amount: number) => string} */
+  export let formatter;
 </script>
 
 <div class="gas-fee">
-	<span>Max Gas Fee:</span>
-	<div class="gas-fee__amount">
-		<span class="gas-fee__amount-value">{fee}</span>
-		<Icon
-			className="dusk-amount__icon"
-			path={logo}
-			data-tooltip-id="main-tooltip"
-			data-tooltip-text="DUSK"
-		/>
-	</div>
-
+  <span>Fee:</span>
+  <div class="gas-fee__amount">
+    <div class="gas-fee__amount-value">
+      <span>max</span> <span>{formatter(luxToDusk(fee))}</span>
+    </div>
+    <Icon
+      className="dusk-amount__icon"
+      path={logo}
+      data-tooltip-id="main-tooltip"
+      data-tooltip-text="DUSK"
+    />
+  </div>
 </div>
 
 <style lang="postcss">
-    .gas-fee {
-        display: inline-flex;
-        justify-content: flex-start;
-		align-items: center;
-		gap: var(--small-gap);
-		flex-wrap: wrap;
-
-		&__amount {
-			display: inline-flex;
-			gap: var(--small-gap);
-			align-items: center;
-		}
-
-        &__amount-value {
-            font-weight: 600;
-        }
+  .gas-fee {
+    display: inline-flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: var(--small-gap);
+    flex-wrap: wrap;
+
+    &__amount {
+      display: inline-flex;
+      gap: var(--small-gap);
+      align-items: center;
     }
 
-    :global(.dusk-amount__icon) {
-        width: 1em;
-        height: 1em;
-        flex-shrink: 0;
+    &__amount-value {
+      font-weight: 600;
+      display: flex;
+      gap: var(--small-gap);
+
+      & > span:first-of-type {
+        font-weight: initial;
+      }
     }
+  }
+
+  :global(.dusk-amount__icon) {
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+  }
 </style>
diff --git a/src/lib/components/GasSettings/GasSettings.svelte b/src/lib/components/GasSettings/GasSettings.svelte
index 02acf75a..c1385796 100644
--- a/src/lib/components/GasSettings/GasSettings.svelte
+++ b/src/lib/components/GasSettings/GasSettings.svelte
@@ -1,71 +1,79 @@
 <script>
-	import { slide } from "svelte/transition";
-	import { Button } from "$lib/dusk/components";
-	import { GasControls, GasFee } from "$lib/components";
-	import { createEventDispatcher } from "svelte";
+  import { slide } from "svelte/transition";
+  import { Button } from "$lib/dusk/components";
+  import { GasControls, GasFee } from "$lib/components";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { onMount } from "svelte";
 
-	/** @type {number} */
-	export let limit;
+  /** @type {bigint} */
+  export let limit;
 
-	/** @type {number} */
-	export let limitLower;
+  /** @type {bigint} */
+  export let limitLower;
 
-	/** @type {number} */
-	export let limitUpper;
+  /** @type {bigint} */
+  export let limitUpper;
 
-	/** @type {number} */
-	export let price;
+  /** @type {bigint} */
+  export let price;
 
-	/** @type {number} */
-	export let priceLower;
+  /** @type {bigint} */
+  export let priceLower;
 
-	/** @type {string} */
-	export let fee;
+  /** @type {bigint} */
+  export let fee;
 
-	/** @type {boolean} */
-	let isExpanded = false;
+  /** @type {(amount: number) => string} */
+  export let formatter;
 
-	const dispatch = createEventDispatcher();
+  /** @type {boolean} */
+  let isExpanded = false;
+
+  onMount(() => {
+    if (!areValidGasSettings(price, limit)) {
+      isExpanded = true;
+    }
+  });
 </script>
 
 <div class="gas-settings">
-	<dl class="gas-settings__edit">
-		<GasFee {fee}/>
-		<dd>
-			<Button
-				size="small"
-				variant="tertiary"
-				on:click={() => {
-					isExpanded = !isExpanded;
-				}}
-				text={isExpanded ? "CLOSE" : "EDIT"}
-			/>
-		</dd>
-	</dl>
-	{#if isExpanded}
-		<div in:slide|global class="gas-settings">
-			<GasControls
-				on:setGasSettings={(event) => { dispatch("setGasSettings", event.detail); }}
-				{limit}
-				{limitLower}
-				{limitUpper}
-				{price}
-				{priceLower}
-			/>
-		</div>
-	{/if}
+  <dl class="gas-settings__edit">
+    <GasFee {formatter} {fee} />
+    <dd>
+      <Button
+        size="small"
+        variant="tertiary"
+        on:click={() => {
+          isExpanded = !isExpanded;
+        }}
+        text={isExpanded ? "CLOSE" : "EDIT"}
+      />
+    </dd>
+  </dl>
+  {#if isExpanded}
+    <div in:slide|global class="gas-settings">
+      <GasControls
+        on:gasSettings
+        {limit}
+        {limitLower}
+        {limitUpper}
+        {price}
+        {priceLower}
+      />
+    </div>
+  {/if}
 </div>
 
 <style lang="postcss">
-	.gas-settings {
-		display: flex;
-		flex-direction: column;
-		gap: 0.625em;
-	}
+  .gas-settings {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625em;
+  }
 
-	.gas-settings__edit {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-	}
+  .gas-settings__edit {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
 </style>
diff --git a/src/lib/components/OperationResult/OperationResult.svelte b/src/lib/components/OperationResult/OperationResult.svelte
index 395ef7c4..1d228505 100644
--- a/src/lib/components/OperationResult/OperationResult.svelte
+++ b/src/lib/components/OperationResult/OperationResult.svelte
@@ -1,89 +1,73 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import {
-		AnchorButton,
-		ErrorDetails,
-		Icon,
-		Throbber
-	} from "$lib/dusk/components";
-	import { mdiCheckDecagramOutline, mdiCloseThick } from "@mdi/js";
-	import { makeClassName } from "$lib/dusk/string";
+  import { mdiCheckDecagramOutline } from "@mdi/js";
 
-	/** @type {string|undefined} */
-	export let className = undefined;
+  import { makeClassName } from "$lib/dusk/string";
+  import { Icon, Suspense } from "$lib/dusk/components";
 
-	/** @type {Promise<any>} */
-	export let operation;
+  import { AppAnchorButton } from "..";
 
-	/** @type {string} */
-	export let errorMessage = "Operation failed";
+  /** @type {string|undefined} */
+  export let className = undefined;
 
-	/** @type {Function|undefined} */
-	export let onBeforeLeave = undefined;
+  /** @type {Promise<any>} */
+  export let operation;
 
-	/** @type {string} */
-	export let pendingMessage = "";
+  /** @type {string} */
+  export let errorMessage = "Operation failed";
 
-	/** @type {string} */
-	export let successMessage = "Operation completed";
+  /** @type {Function|undefined} */
+  export let onBeforeLeave = undefined;
 
-	/** @param {Event} event */
-	function handleGoHomeClick (event) {
-		event.preventDefault();
+  /** @type {string} */
+  export let pendingMessage = "";
 
-		onBeforeLeave && onBeforeLeave();
-	}
+  /** @type {string} */
+  export let successMessage = "Operation completed";
 
-	$: classes = makeClassName(["operation-result", className]);
+  function handleGoHomeClick() {
+    onBeforeLeave && onBeforeLeave();
+  }
+
+  $: classes = makeClassName(["operation-result", className]);
 </script>
 
-<div class={classes}>
-	{#await operation}
-		<Throbber/>
-		<span>{pendingMessage}</span>
-	{:then result}
-		<Icon
-			path={mdiCheckDecagramOutline}
-			size="large"
-		/>
-		<span>{successMessage}</span>
-		<slot name="success-content" {result}/>
-		<AnchorButton
-			href="/dashboard"
-			on:click={handleGoHomeClick}
-			variant="tertiary"
-			text="HOME"
-		/>
-	{:catch error}
-		<Icon
-			path={mdiCloseThick}
-			size="large"
-		/>
-		<ErrorDetails
-			{error}
-			summary={errorMessage}
-		/>
-		<slot name="error-content"/>
-		<AnchorButton
-			href="/dashboard"
-			on:click={handleGoHomeClick}
-			variant="tertiary"
-			text="HOME"
-		/>
-	{/await}
-</div>
+<Suspense
+  className={classes}
+  {errorMessage}
+  gap="large"
+  {pendingMessage}
+  waitFor={operation}
+>
+  <svelte:fragment slot="success-content" let:result>
+    <Icon path={mdiCheckDecagramOutline} size="large" />
+    <b>{successMessage}</b>
+    <slot name="success-content" {result} />
+    <AppAnchorButton
+      href="/dashboard"
+      on:click={handleGoHomeClick}
+      variant="tertiary"
+      text="HOME"
+    />
+  </svelte:fragment>
+  <AppAnchorButton
+    href="/dashboard"
+    on:click={handleGoHomeClick}
+    slot="error-extra-content"
+    text="HOME"
+    variant="tertiary"
+  />
+</Suspense>
 
 <style lang="postcss">
-	.operation-result {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: var(--large-gap);
-		padding: 1.5em 0;
+  :global {
+    .operation-result {
+      padding: 1.5em 0;
 
-		:global(.dusk-anchor-button) {
-			width: 100%;
-		}
-	}
+      .dusk-anchor-button {
+        width: 100%;
+      }
+    }
+  }
 </style>
diff --git a/src/lib/components/Receive/Receive.svelte b/src/lib/components/Receive/Receive.svelte
index 65683522..49e1ef25 100644
--- a/src/lib/components/Receive/Receive.svelte
+++ b/src/lib/components/Receive/Receive.svelte
@@ -1,112 +1,109 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher } from "svelte";
-	import { mdiArrowLeft, mdiContentCopy } from "@mdi/js";
+  import { mdiArrowLeft, mdiContentCopy } from "@mdi/js";
+  import { onMount } from "svelte";
 
-	import { Button, QrCode } from "$lib/dusk/components";
-	import { toast } from "$lib/dusk/components/Toast/store";
+  import { AppAnchorButton } from "$lib/components";
+  import { Button, QrCode } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
 
-	/** @type {string} */
-	export let address = "";
+  /** @type {string} */
+  export let address = "";
 
-	/** @type {boolean} */
-	export let hideBackButton = false;
+  /** @type {boolean} */
+  export let hideBackButton = false;
 
-	let offsetHeight = 0;
-	let receiveAddressHeight = 0;
-	let buttonHeight = 0;
+  /** @type {HTMLElement} */
+  let figureElement;
 
-	const COLUMN_COUNT = 2;
-	const COLUMN_WIDTH = 16;
-	const BOTTOM_PADDING = 22;
+  let qrWidth = 0;
 
-	const dispatch = createEventDispatcher();
+  onMount(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      qrWidth = entries[0].contentRect.width;
+    });
 
-	$: qrWidth = offsetHeight - receiveAddressHeight - buttonHeight
-		- COLUMN_COUNT * COLUMN_WIDTH - BOTTOM_PADDING;
+    resizeObserver.observe(figureElement);
+
+    return () => resizeObserver.disconnect();
+  });
 </script>
 
-<div class="receive" bind:offsetHeight>
-	<figure class="receive__address-qr-figure">
-		<QrCode
-			value={address}
-			className="receive__qr"
-			width={qrWidth}
-		/>
-
-		<figcaption class="receive__address" bind:offsetHeight={receiveAddressHeight}>
-			<samp>{address}</samp>
-		</figcaption>
-	</figure>
-
-	<div class="receive__buttons" bind:offsetHeight={buttonHeight}>
-		{#if !hideBackButton}
-			<Button
-				className="flex-1"
-				icon={{ path: mdiArrowLeft }}
-				on:click={() => { dispatch("operationChange", ""); }}
-				text="Back"
-				variant="tertiary"
-			/>
-		{/if}
-		<Button
-			className="flex-1"
-			icon={{ path: mdiContentCopy }}
-			on:click={() => {
-				navigator.clipboard.writeText(address);
-				toast("success", "Address copied", mdiContentCopy);
-			}}
-			text="Copy"
-			variant="secondary"
-		/>
-	</div>
+<div class="receive">
+  <figure class="receive__address-qr-figure" bind:this={figureElement}>
+    <QrCode value={address} className="receive__qr" width={qrWidth} />
+
+    <figcaption class="receive__address">
+      <samp>{address}</samp>
+    </figcaption>
+  </figure>
+
+  <div class="receive__buttons">
+    {#if !hideBackButton}
+      <AppAnchorButton
+        className="receive__button"
+        icon={{ path: mdiArrowLeft }}
+        href="/dashboard"
+        text="Back"
+        variant="tertiary"
+      />
+    {/if}
+    <Button
+      className="receive__button"
+      icon={{ path: mdiContentCopy }}
+      on:click={() => {
+        navigator.clipboard.writeText(address);
+        toast("success", "Address copied", mdiContentCopy);
+      }}
+      text="Copy"
+    />
+  </div>
 </div>
 
 <style lang="postcss">
-	.receive {
-		position: absolute;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: space-between;
-		gap: var(--default-gap);
-		background-color: var(--background-color);
-		top: 0;
-		left: 0;
-		z-index: 3;
-		height: 100%;
-
-		&__address-qr-figure {
-			display: flex;
-			flex-direction: column;
-			gap: var(--default-gap);
-			align-items: center;
-		}
-
-		&__address, :global(&__qr) {
-			border-radius: 1.5em;
-			max-width: 100%;
-			max-height: 100%;
-		}
-
-		&__address {
-			line-break: anywhere;
-			padding: 0.75em 1em;
-			background-color: transparent;
-			border: 1px solid var(--primary-color);
-		}
-
-		:global(&__qr) {
-			padding: 0.625em;
-			background-color: var(--background-color-alt);
-		}
-
-		&__buttons {
-			display: flex;
-			flex-direction: row;
-			gap: var(--default-gap);
-			width: 100%;
-		}
-	}
+  .receive {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--default-gap);
+    z-index: 3;
+
+    &__address-qr-figure {
+      display: flex;
+      flex-direction: column;
+      gap: var(--default-gap);
+      align-items: center;
+    }
+
+    &__address,
+    :global(&__qr) {
+      border-radius: 1.5em;
+      width: 100%;
+    }
+
+    &__address {
+      line-break: anywhere;
+      padding: 0.75em 1em;
+      background-color: transparent;
+      border: 1px solid var(--primary-color);
+    }
+
+    :global(&__qr) {
+      padding: 0.625em;
+      background-color: var(--background-color-alt);
+    }
+
+    :global(&__button) {
+      flex: 1;
+    }
+
+    &__buttons {
+      display: flex;
+      flex-direction: row;
+      gap: var(--default-gap);
+      width: 100%;
+    }
+  }
 </style>
diff --git a/src/lib/components/ScanQR/ScanQR.svelte b/src/lib/components/ScanQR/ScanQR.svelte
index a3573f8e..31442545 100644
--- a/src/lib/components/ScanQR/ScanQR.svelte
+++ b/src/lib/components/ScanQR/ScanQR.svelte
@@ -1,134 +1,128 @@
 <script>
-	// eslint-disable-next-line import/default
-	import QrScanner from "qr-scanner";
-	import { Button } from "$lib/dusk/components";
-	import { createEventDispatcher, onDestroy, onMount } from "svelte";
-
-	/** @type {number} */
-	let timeoutId;
-
-	/** @type {boolean} */
-	let toggleScanner = false;
-
-	/** @type {boolean} */
-	let qrScanned = false;
-
-	/** @type {boolean} */
-	let error = false;
-
-	/** @type {HTMLVideoElement} */
-	let video;
-
-	/** @type {HTMLDivElement} */
-	let overlay;
-
-	/** @type {QrScanner | undefined} */
-	export let scanner;
-
-	export const startScan = async () => {
-		try {
-			toggleScanner = true;
-			clearTimeout(timeoutId);
-			scanner?.start();
-		} catch (e) {
-			error = !error;
-		}
-	};
-
-	const dispatch = createEventDispatcher();
-	const stopScan = () => {
-		toggleScanner = false;
-		qrScanned = false;
-		error = false;
-		scanner?.stop();
-	};
-
-	/** @param {QrScanner.ScanResult} result */
-	const onDecodedQr = (result) => {
-		if (result.data) {
-			qrScanned = true;
-			dispatch("scan", result.data);
-			timeoutId = window.setTimeout(stopScan, 200);
-		}
-	};
-
-	onMount(async () => {
-		const hasCamera = await QrScanner.hasCamera();
-
-		if (hasCamera) {
-			scanner = new QrScanner(video, onDecodedQr, {
-				highlightScanRegion: true,
-				maxScansPerSecond: 1,
-				overlay: overlay,
-				returnDetailedScanResult: true
-			});
-		}
-	});
-
-	onDestroy(() => {
-		scanner?.destroy();
-	});
+  import QrScanner from "qr-scanner";
+  import { Button } from "$lib/dusk/components";
+  import { createEventDispatcher, onDestroy, onMount } from "svelte";
+
+  /** @type {number} */
+  let timeoutId;
+
+  /** @type {boolean} */
+  let toggleScanner = false;
+
+  /** @type {boolean} */
+  let qrScanned = false;
+
+  /** @type {boolean} */
+  let error = false;
+
+  /** @type {HTMLVideoElement} */
+  let video;
+
+  /** @type {HTMLDivElement} */
+  let overlay;
+
+  /** @type {QrScanner | undefined} */
+  export let scanner;
+
+  export const startScan = async () => {
+    try {
+      toggleScanner = true;
+      clearTimeout(timeoutId);
+      scanner?.start();
+    } catch {
+      error = !error;
+    }
+  };
+
+  const dispatch = createEventDispatcher();
+  const stopScan = () => {
+    toggleScanner = false;
+    qrScanned = false;
+    error = false;
+    scanner?.stop();
+  };
+
+  /** @param {QrScanner.ScanResult} result */
+  const onDecodedQr = (result) => {
+    if (result.data) {
+      qrScanned = true;
+      dispatch("scan", result.data);
+      timeoutId = window.setTimeout(stopScan, 200);
+    }
+  };
+
+  onMount(async () => {
+    const hasCamera = await QrScanner.hasCamera();
+
+    if (hasCamera) {
+      scanner = new QrScanner(video, onDecodedQr, {
+        highlightScanRegion: true,
+        maxScansPerSecond: 1,
+        overlay: overlay,
+        returnDetailedScanResult: true,
+      });
+    }
+  });
+
+  onDestroy(() => {
+    scanner?.destroy();
+  });
 </script>
 
 <div class="scan" class:scan--visible={toggleScanner}>
-	{#if !error}
-		<video bind:this={video}>
-			<track kind="captions"/>
-		</video>
-		<div
-			bind:this={overlay}
-			class="scan__highlight"
-			class:scan__highlight--scanned={qrScanned}
-		></div>
-	{:else}
-		<div class="scan__notice">
-			<span>An Error occurred while starting camera</span>
-		</div>
-	{/if}
-
-	<Button
-		size="small"
-		variant="secondary"
-		on:click={() => stopScan()}
-		text="CLOSE"
-	/>
+  {#if !error}
+    <video bind:this={video}>
+      <track kind="captions" />
+    </video>
+    <div
+      bind:this={overlay}
+      class="scan__highlight"
+      class:scan__highlight--scanned={qrScanned}
+    ></div>
+  {:else}
+    <div class="scan__notice">
+      <span>An Error occurred while starting camera</span>
+    </div>
+  {/if}
+
+  <Button size="small" on:click={() => stopScan()} text="CLOSE" />
 </div>
 
 <style lang="postcss">
-	.scan {
-		display: none;
-		flex-direction: column;
-		max-height: 100%;
-		gap: var(--default-gap);
-		align-items: center;
-		justify-content: center;
-
-		&--visible {
-			display: flex;
-			position: absolute;
-			left: 0px;
-			top: 0px;
-			background-color: var(--background-color-alt);
-			border-radius: 1em;
-			padding: 1em;
-			width: 100%;
-			min-height: 100%;
-			z-index: 3;
-			video {
-				width: 100%;
-				margin: auto 0;
-				height: 100%;
-				overflow: hidden;
-			}
-		}
-
-		&__highlight {
-			border-radius: 1em;
-			outline: rgba(0, 0, 0, 0.25) dashed 2px;
-
-			&--scanned {
-				outline: #16db93 dashed 2px;
-			}
-		}
-	}
+  .scan {
+    display: none;
+    flex-direction: column;
+    max-height: 100%;
+    gap: var(--default-gap);
+    align-items: center;
+    justify-content: center;
+
+    &--visible {
+      display: flex;
+      position: absolute;
+      left: 0px;
+      top: 0px;
+      background-color: var(--background-color-alt);
+      border-radius: 1em;
+      padding: 1em;
+      width: 100%;
+      min-height: 100%;
+      z-index: 3;
+      video {
+        width: 100%;
+        margin: auto 0;
+        height: 100%;
+        overflow: hidden;
+      }
+    }
+
+    &__highlight {
+      border-radius: 1em;
+      outline: rgba(0, 0, 0, 0.25) dashed 2px;
+
+      &--scanned {
+        outline: #16db93 dashed 2px;
+      }
+    }
+  }
 </style>
diff --git a/src/lib/components/Send/Send.svelte b/src/lib/components/Send/Send.svelte
index ff957218..c259a34e 100644
--- a/src/lib/components/Send/Send.svelte
+++ b/src/lib/components/Send/Send.svelte
@@ -1,317 +1,591 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { fade } from "svelte/transition";
-	import { createEventDispatcher, onMount } from "svelte";
-	import { mdiArrowUpBoldBoxOutline, mdiWalletOutline } from "@mdi/js";
-
-	import { deductLuxFeeFrom } from "$lib/contracts";
-	import { luxToDusk } from "$lib/dusk/currency";
-	import { logo } from "$lib/dusk/icons";
-	import {
-		AnchorButton,
-		Badge,
-		Button,
-		Icon,
-		Textbox,
-		Wizard,
-		WizardStep
-	} from "$lib/dusk/components";
-	import {
-		ContractStatusesList,
-		GasFee,
-		GasSettings,
-		OperationResult,
-		ScanQR
-	} from "$lib/components";
-
-	/** @type {(to: string, amount: number) => Promise<string>} */
-	export let execute;
-
-	/** @type {(amount: number) => string} */
-	export let formatter;
-
-	/** @type {ContractGasSettings} */
-	export let gasSettings;
-
-	/** @type {number} */
-	export let spendable;
-
-	/** @type {ContractStatus[]} */
-	export let statuses;
-
-	/** @type {number} */
-	let amount = 1;
-
-	/** @type {string} */
-	let address = "";
-
-	/** @type {import("qr-scanner").default} */
-	let scanner;
-
-	/** @type {import("..").ScanQR} */
-	let scanQrComponent;
-
-	/** @type {HTMLInputElement | null} */
-	let amountInput;
-
-	let isNextButtonDisabled = false;
-
-	const checkAmountValid = () => {
-		isNextButtonDisabled = !amountInput?.checkValidity();
-	};
-
-	const dispatch = createEventDispatcher();
-	const resetOperation = () => dispatch("operationChange", "");
-
-	onMount(() => {
-		amountInput = document.querySelector(".operation__input-field");
-		checkAmountValid();
-	});
-
-	$: luxFee = gasSettings.gasLimit * gasSettings.gasPrice;
-	$: fee = formatter(luxToDusk(luxFee));
-	$: maxSpendable = deductLuxFeeFrom(spendable, luxFee);
+  import { fade } from "svelte/transition";
+  import { createEventDispatcher, onMount } from "svelte";
+  import {
+    mdiAlertOutline,
+    mdiArrowUpBoldBoxOutline,
+    mdiWalletOutline,
+  } from "@mdi/js";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { getAddressInfo } from "$lib/wallet";
+  import { getBlocklistedRecipient } from "$lib/security/addressBlocklist";
+  import { duskToLux, luxToDusk } from "$lib/dusk/currency";
+  import { isValidEvmAddress, makeClassName } from "$lib/dusk/string";
+  import { logo } from "$lib/dusk/icons";
+  import {
+    AnchorButton,
+    Badge,
+    Button,
+    Icon,
+    Stepper,
+    Switch,
+    Textbox,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import {
+    Banner,
+    GasFee,
+    GasSettings,
+    OperationResult,
+    ScanQR,
+  } from "$lib/components";
+  import { MESSAGES } from "$lib/constants";
+
+  /** @type {(to: string, amount: bigint, memo: string, gasPrice: bigint, gasLimit: bigint) => Promise<string>} */
+  export let execute;
+
+  /** @type {(amount: number) => string} */
+  export let formatter;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {bigint} */
+  export let availableBalance;
+
+  /** @type {GasStoreContent} */
+  export let gasLimits;
+
+  /** @type {string} */
+  export let shieldedAddress;
+
+  /** @type {string} */
+  export let publicAddress;
+
+  /** @type {undefined | string} */
+  export let bep20BridgeAddress = undefined;
+
+  /** @type {number} */
+  let sendAmount = 1;
+
+  /** @type {string} */
+  let sendToAddress = "";
+
+  /** @type {string} */
+  let memo = "";
+
+  /** @type {import("qr-scanner").default} */
+  let scanner;
+
+  /** @type {import("..").ScanQR} */
+  let scanQrComponent;
+
+  /** @type {boolean} */
+  let isMemoShown = false;
+
+  /** @type {boolean} */
+  let isNextButtonDisabled = false;
+
+  /** @type {boolean} */
+  let isGasValid = false;
+
+  /** @type {boolean} */
+  let isMemoValid = true;
+
+  let { gasLimit, gasPrice } = gasSettings;
+
+  const minAmount = 0.000000001;
+
+  const steps = [
+    { label: "Address" },
+    { label: "Amount" },
+    { label: "Overview" },
+    { label: "Done" },
+  ];
+  const dispatch = createEventDispatcher();
+
+  onMount(() => {
+    isGasValid = areValidGasSettings(gasPrice, gasLimit);
+  });
+
+  function setMaxAmount() {
+    if (!isGasValid) {
+      toast("error", "Please set valid gas settings first", mdiAlertOutline);
+      return;
+    }
+
+    if (availableBalance < maxGasFee) {
+      toast(
+        "error",
+        "You don't have enough DUSK to cover the transaction fee",
+        mdiAlertOutline
+      );
+      return;
+    }
+
+    sendAmount = luxToDusk(maxSpendableAmount);
+  }
+
+  let activeStep = 0;
+
+  $: sendAmountInLux = sendAmount ? duskToLux(sendAmount) : 0n;
+
+  // Calculate the maximum gas fee based on the gas limit and gas price.
+  $: maxGasFee = gasLimit * gasPrice;
+
+  // Check if the available balance is sufficient to cover the max gas fee.
+  // This is a prerequisite for any transaction.
+  $: isBalanceSufficientForGas = availableBalance >= maxGasFee;
+
+  // Determine the maximum amount spendable for the transfer.
+  // If the available balance is less than the max gas fee, set it to 0n to avoid negative values.
+  $: maxSpendableAmount =
+    availableBalance >= maxGasFee ? availableBalance - maxGasFee : 0n;
+
+  // Validate that the send amount is within allowable limits:
+  // - At least the minimum send requirement.
+  // - At most the maximum spendable amount (after accounting for maximum gas fees).
+  $: isSendAmountValid =
+    sendAmountInLux >= minAmount && sendAmountInLux <= maxSpendableAmount;
+
+  // Calculate the total amount for the transaction, which includes:
+  // - The maximum gas fee.
+  // - The user-specified amount to send (converted to Lux).
+  $: totalAmount = maxGasFee + sendAmountInLux;
+
+  // Validate that the total amount is within the user's available balance.
+  $: isTotalAmountWithinAvailableBalance = totalAmount <= availableBalance;
+
+  // For BEP20 bridge operations, memo is required and must be a valid EVM address
+  $: isMemoValidForBridge =
+    !isSendingToBep20Bridge || (memo.trim() !== "" && isMemoValid);
+
+  $: isNextButtonDisabled = !(
+    isSendAmountValid &&
+    isGasValid &&
+    isTotalAmountWithinAvailableBalance &&
+    isBalanceSufficientForGas &&
+    isMemoValidForBridge &&
+    !isRecipientBlocklisted
+  );
+
+  $: addressInfo = getAddressInfo(
+    sendToAddress,
+    shieldedAddress,
+    publicAddress
+  );
+
+  $: blocklistedRecipient = getBlocklistedRecipient(sendToAddress);
+  $: isRecipientBlocklisted = Boolean(blocklistedRecipient);
+
+  $: if (addressInfo.type) {
+    dispatch("keyChange", {
+      type: addressInfo.type,
+    });
+  }
+
+  $: isSendingToBep20Bridge = sendToAddress.trim() === bep20BridgeAddress;
+
+  $: if (isSendingToBep20Bridge) {
+    isMemoShown = true;
+  }
+
+  $: {
+    const trimmedMemo = memo.trim();
+    if (isSendingToBep20Bridge && trimmedMemo !== "") {
+      // If sending to the BEP20 bridge and a memo is provided,
+      // it must be a valid EVM address.
+      isMemoValid = isValidEvmAddress(trimmedMemo);
+    } else {
+      // Otherwise (not sending to BEP20 bridge, or memo is empty),
+      // the memo is not considered invalid from an EVM format perspective.
+      isMemoValid = true;
+    }
+  }
+
+  $: sendToAddressTextboxClasses = makeClassName({
+    "operation__send-address": true,
+    "operation__send-address--blocked": isRecipientBlocklisted,
+    "operation__send-address--invalid": sendToAddress && !addressInfo.isValid,
+  });
+
+  $: sendMemoTextboxClasses = makeClassName({
+    "operation__send-memo": true,
+    "operation__send-memo--invalid": isMemoValid === false,
+  });
 </script>
 
 <div class="operation">
-	<Wizard steps={4} let:key>
-		<WizardStep
-			step={0}
-			{key}
-			backButton={{
-				action: resetOperation,
-				disabled: false
-			}}
-			nextButton={{ disabled: isNextButtonDisabled }}
-		>
-			<div in:fade|global class="operation__send">
-				<ContractStatusesList items={statuses}/>
-				<div class="operation__send-amount operation__space-between">
-					<p>Enter amount:</p>
-					<Button
-						size="small"
-						variant="tertiary"
-						on:click={() => {
-							if (amountInput) {
-								amountInput.value = maxSpendable.toString();
-							}
-
-							amount = maxSpendable;
-							checkAmountValid();
-						}}
-						text="USE MAX"
-					/>
-				</div>
-
-				<div class="operation__send-amount operation__input">
-					<Textbox
-						className="operation__input-field"
-						bind:value={amount}
-						required
-						type="number"
-						min={0.000000001}
-						max={maxSpendable}
-						step="0.000000001"
-						on:input={checkAmountValid}
-					/>
-					<Icon
-						data-tooltip-id="main-tooltip"
-						data-tooltip-text="DUSK"
-						path={logo}
-					/>
-				</div>
-
-				<GasSettings
-					{fee}
-					limit={gasSettings.gasLimit}
-					limitLower={gasSettings.gasLimitLower}
-					limitUpper={gasSettings.gasLimitUpper}
-					price={gasSettings.gasPrice}
-					priceLower={gasSettings.gasPriceLower}
-					on:setGasSettings
-				/>
-			</div>
-		</WizardStep>
-		<WizardStep
-			step={1}
-			{key}
-			nextButton={{ disabled: address.length === 0 }}
-		>
-			<div in:fade|global class="operation__send">
-				<ContractStatusesList items={statuses}/>
-
-				<div class="operation__send-amount operation__space-between">
-					<p>Enter address:</p>
-					<Button
-						disabled={!scanner}
-						size="small"
-						variant="secondary"
-						on:click={() => {
-							scanQrComponent.startScan();
-						}}
-						text="SCAN QR"
-					/>
-				</div>
-				<Textbox
-					className="operation__send-address"
-					type="multiline"
-					bind:value={address}
-				/>
-				<ScanQR
-					bind:this={scanQrComponent}
-					bind:scanner
-					on:scan={(event) => {
-						address = event.detail;
-					}}
-				/>
-			</div>
-		</WizardStep>
-		<WizardStep
-			step={2}
-			{key}
-			nextButton={{
-				icon: { path: mdiArrowUpBoldBoxOutline, position: "before" },
-				label: "SEND",
-				variant: "secondary"
-			}}
-		>
-			<div in:fade|global class="operation__send">
-				<ContractStatusesList items={statuses}/>
-
-				<Badge
-					className="operation__review-notice"
-					text="REVIEW TRANSACTION"
-					variant="warning"
-				/>
-
-				<dl class="operation__review-transaction">
-					<dt class="review-transaction__label">
-						<Icon path={mdiArrowUpBoldBoxOutline}/>
-						<span>Amount:</span>
-					</dt>
-					<dd class="review-transaction__value operation__review-amount">
-						<span>{formatter(amount)}</span>
-						<Icon
-							className="dusk-amount__icon"
-							path={logo}
-							data-tooltip-id="main-tooltip"
-							data-tooltip-text="DUSK"
-						/>
-					</dd>
-				</dl>
-
-				<dl class="operation__review-transaction">
-					<dt class="review-transaction__label">
-						<Icon path={mdiWalletOutline}/>
-						<span>To:</span>
-					</dt>
-					<dd class="operation__review-address">
-						<span>{address}</span>
-					</dd>
-				</dl>
-
-				<GasFee {fee}/>
-			</div>
-		</WizardStep>
-		<WizardStep step={3} {key} showNavigation={false}>
-			<OperationResult
-				errorMessage="Transaction failed"
-				onBeforeLeave={resetOperation}
-				operation={execute(address, amount)}
-				pendingMessage="Processing transaction"
-				successMessage="Transaction completed"
-			>
-				<svelte:fragment slot="success-content" let:result={hash}>
-					{#if hash}
-						<AnchorButton
-							href={`https://explorer.dusk.network/transactions/transaction?id=${hash}`}
-							on:click={resetOperation}
-							text="VIEW ON BLOCK EXPLORER"
-							variant="secondary"
-							rel="noopener noreferrer"
-							target="_blank"
-						/>
-					{/if}
-				</svelte:fragment>
-			</OperationResult>
-		</WizardStep>
-	</Wizard>
+  <Wizard steps={steps.length} let:key>
+    <div slot="stepper">
+      <Stepper {activeStep} {steps} />
+    </div>
+    <!-- Address Step -->
+    <WizardStep
+      step={0}
+      {key}
+      backButton={{
+        disabled: false,
+        href: "/dashboard",
+        isAnchor: true,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        disabled: !addressInfo.isValid || isRecipientBlocklisted,
+      }}
+    >
+      <div in:fade|global class="operation__send">
+        <div class="operation__address-wrapper">
+          <p>Address</p>
+          <Button
+            disabled={!scanner}
+            size="small"
+            on:click={() => {
+              scanQrComponent.startScan();
+            }}
+            text="SCAN QR"
+          />
+        </div>
+        <Textbox
+          required
+          className={sendToAddressTextboxClasses}
+          type="multiline"
+          bind:value={sendToAddress}
+        />
+
+        {#if isRecipientBlocklisted}
+          <Banner variant="error" title="Blocked recipient address">
+            <p>{blocklistedRecipient?.reason}</p>
+          </Banner>
+        {/if}
+
+        {#if addressInfo.type === "account"}
+          <Banner title="Public account detected" variant="info">
+            <p>
+              This transaction will be public and sent from your <strong
+                >public</strong
+              > account.
+            </p>
+          </Banner>
+        {/if}
+        <ScanQR
+          bind:this={scanQrComponent}
+          bind:scanner
+          on:scan={(event) => {
+            sendToAddress = event.detail;
+          }}
+        />
+        {#if addressInfo.isSelfReferential}
+          <Banner
+            variant="warning"
+            title="Self-referential transaction detected"
+          >
+            <p>
+              You are attempting to initiate a transaction with your own wallet
+              address as both the sender and the receiver. Self-referential
+              transactions may not have meaningful purpose and will incur gas
+              fees.
+            </p>
+          </Banner>
+        {/if}
+        {#if isSendingToBep20Bridge}
+          <Banner variant="info" title="BEP20 bridge operation detected">
+            <p>
+              You are sending to the BEP20 bridge address. When using the memo
+              field, please enter a valid EVM address where you want to receive
+              your tokens on the destination network.
+            </p>
+          </Banner>
+        {/if}
+      </div>
+    </WizardStep>
+    <!-- Amount Step -->
+    <WizardStep
+      step={1}
+      {key}
+      backButton={{
+        action: () => activeStep--,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        disabled: isNextButtonDisabled,
+      }}
+    >
+      <div in:fade|global class="operation__send">
+        <div class="operation__amount-wrapper">
+          <p>Amount</p>
+          <Button
+            size="small"
+            variant="tertiary"
+            on:click={setMaxAmount}
+            text="USE MAX"
+          />
+        </div>
+
+        <div class="operation__input-wrapper">
+          <Textbox
+            className="operation__input-field"
+            bind:value={sendAmount}
+            required
+            type="number"
+            min={minAmount}
+            max={luxToDusk(maxSpendableAmount)}
+            step="0.000000001"
+          />
+          <Icon
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            path={logo}
+          />
+        </div>
+
+        <div class="operation__input-wrapper">
+          <p>Memo{isSendingToBep20Bridge ? "" : " (optional)"}</p>
+          <Switch
+            on:change={() => {
+              if (!isMemoShown) {
+                memo = "";
+              }
+            }}
+            onSurface
+            bind:value={isMemoShown}
+          />
+        </div>
+        {#if isMemoShown}
+          <Textbox
+            required
+            className={sendMemoTextboxClasses}
+            type="multiline"
+            bind:value={memo}
+          />
+
+          {#if isMemoValid === false}
+            <Banner variant="error" title="Invalid EVM address format">
+              <p>
+                For BEP20 bridge operations, EVM addresses must be 40
+                hexadecimal characters, optionally prefixed with "0x".
+              </p>
+            </Banner>
+          {/if}
+        {/if}
+
+        <GasSettings
+          {formatter}
+          fee={maxGasFee}
+          limit={gasSettings.gasLimit}
+          limitLower={gasLimits.gasLimitLower}
+          limitUpper={gasLimits.gasLimitUpper}
+          price={gasSettings.gasPrice}
+          priceLower={gasLimits.gasPriceLower}
+          on:gasSettings={(event) => {
+            isGasValid = areValidGasSettings(
+              event.detail.price,
+              event.detail.limit
+            );
+
+            if (isGasValid) {
+              gasPrice = event.detail.price;
+              gasLimit = event.detail.limit;
+            }
+          }}
+        />
+        {#if !isBalanceSufficientForGas}
+          <Banner variant="error" title="Insufficient balance for gas fees">
+            <p>
+              Your current balance is too low to cover the required gas fees for
+              this transaction. Please deposit additional funds or reduce the
+              gas limit.
+            </p>
+          </Banner>
+        {:else if sendAmountInLux > maxSpendableAmount}
+          <Banner variant="error" title="Amount exceeds available balance">
+            <p>
+              The amount you are trying to transfer exceeds the spendable
+              balance after accounting for gas fees. Please reduce the amount.
+            </p>
+          </Banner>
+        {:else if isSendingToBep20Bridge && memo.trim() === ""}
+          <Banner variant="error" title="Memo required for bridge operation">
+            <p>
+              When sending to the BEP20 bridge, a memo containing a valid EVM
+              address is required to specify where you want to receive your
+              tokens on the destination network.
+            </p>
+          </Banner>
+        {/if}
+      </div>
+    </WizardStep>
+    <!-- Review Step -->
+    <WizardStep
+      step={2}
+      {key}
+      backButton={{
+        action: () => activeStep--,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        disabled: isRecipientBlocklisted,
+        icon: { path: mdiArrowUpBoldBoxOutline, position: "before" },
+        label: "SEND",
+        variant: "primary",
+      }}
+    >
+      <div in:fade|global class="operation__send">
+        <Badge
+          className="operation__review-notice"
+          text="REVIEW TRANSACTION"
+          variant="warning"
+        />
+
+        <dl class="operation__review-transaction">
+          <dt class="review-transaction__label">
+            <Icon path={mdiArrowUpBoldBoxOutline} />
+            <span>Amount</span>
+          </dt>
+          <dd class="review-transaction__value operation__review-amount">
+            <span>{formatter(sendAmount)}</span>
+            <Icon
+              className="dusk-amount__icon"
+              path={logo}
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+            />
+          </dd>
+        </dl>
+
+        <dl class="operation__review-transaction">
+          <dt class="review-transaction__label">
+            <Icon path={mdiWalletOutline} />
+            <span>To</span>
+          </dt>
+          <dd class="operation__review-address">
+            <span>{sendToAddress}</span>
+          </dd>
+        </dl>
+
+        {#if memo}
+          <dl class="operation__review-transaction">
+            <dt class="review-transaction__label">
+              <span>Memo</span>
+            </dt>
+            <dd class="operation__review-memo">
+              <span>{memo}</span>
+            </dd>
+          </dl>
+        {/if}
+
+        <GasFee {formatter} fee={maxGasFee} />
+      </div>
+    </WizardStep>
+    <!-- Result Step -->
+    <WizardStep step={3} {key} showNavigation={false}>
+      <OperationResult
+        errorMessage="Transaction failed"
+        operation={execute(
+          sendToAddress,
+          sendAmountInLux,
+          memo,
+          gasPrice,
+          gasLimit
+        )}
+        pendingMessage="Processing transaction"
+        successMessage="Transaction created"
+      >
+        <svelte:fragment slot="success-content" let:result={hash}>
+          <p>{MESSAGES.TRANSACTION_CREATED}</p>
+          {#if hash}
+            <AnchorButton
+              href={`/explorer/transactions/transaction?id=${hash}`}
+              text="VIEW ON BLOCK EXPLORER"
+              rel="noopener noreferrer"
+              target="_blank"
+            />
+          {/if}
+        </svelte:fragment>
+      </OperationResult>
+    </WizardStep>
+  </Wizard>
 </div>
 
 <style lang="postcss">
-	.operation {
-		&__review-address {
-			background-color: transparent;
-			border: 1px solid var(--primary-color);
-			border-radius: 1.5em;
-			padding: 0.75em 1em;
-			width: 100%;
-			line-break: anywhere;
-		}
-
-		&__review-transaction {
-			display: flex;
-			flex-direction: column;
-			gap: 0.625em;
-		}
-
-		&__review-amount {
-			justify-content: flex-start;
-		}
-
-		&__send {
-			display: flex;
-			flex-direction: column;
-			gap: 1.2em;
-		}
-
-		&__send-amount {
-			display: flex;
-			align-items: center;
-			width: 100%;
-		}
-
-		&__space-between {
-			justify-content: space-between;
-		}
-
-		&__input {
-			column-gap: var(--default-gap);
-		}
-
-		:global(&__input &__input-field) {
-			width: 100%;
-			padding: 0.5em 1em;
-		}
-
-		:global(&__input-field:invalid) {
-			color: var(--error-color);
-		}
-
-		:global(&__send-address) {
-			width: 100%;
-		}
-
-		:global(&__review-notice) {
-			text-align: center;
-		}
-
-		:global(.dusk-amount__icon) {
-			width: 1em;
-			height: 1em;
-			flex-shrink: 0;
-		}
-	}
-
-	.review-transaction__label,
-	.review-transaction__value {
-		display: inline-flex;
-		align-items: center;
-		gap: var(--small-gap);
-	}
-
-	.review-transaction__value {
-		font-weight: bold;
-	}
+  .operation {
+    &__send {
+      display: flex;
+      flex-direction: column;
+      gap: 1.2em;
+    }
+    &__review-address,
+    &__review-memo {
+      background-color: transparent;
+      border: 1px solid var(--primary-color);
+      border-radius: 1.5em;
+      padding: 0.75em 1em;
+      width: 100%;
+      line-break: anywhere;
+    }
+
+    &__address-wrapper,
+    &__amount-wrapper,
+    &__input-wrapper {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__input-wrapper {
+      column-gap: var(--default-gap);
+    }
+
+    &__review-transaction {
+      display: flex;
+      flex-direction: column;
+      gap: 0.625em;
+    }
+
+    &__review-amount {
+      justify-content: flex-start;
+    }
+
+    :global(&__review-notice) {
+      text-align: center;
+    }
+
+    :global(.dusk-amount__icon) {
+      width: 1em;
+      height: 1em;
+      flex-shrink: 0;
+    }
+  }
+
+  .review-transaction__label,
+  .review-transaction__value {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--small-gap);
+  }
+
+  .review-transaction__value {
+    font-weight: bold;
+  }
+
+  :global(
+    .dusk-textbox.operation__send-address,
+    .dusk-textbox.operation__send-memo
+  ) {
+    resize: vertical;
+    min-height: 5em;
+    max-height: 10em;
+  }
+
+  :global(.dusk-textbox.operation__send-address--invalid) {
+    color: var(--error-color);
+  }
+
+  :global(.dusk-textbox.operation__send-address--blocked) {
+    color: var(--error-color);
+    border-color: var(--error-color);
+  }
+
+  :global(.dusk-textbox.operation__send-memo--invalid) {
+    border-color: var(--error-color);
+  }
+
+  :global(.allocate-button) {
+    width: 100%;
+  }
 </style>
diff --git a/src/lib/components/Stake/Stake.svelte b/src/lib/components/Stake/Stake.svelte
index 6875afa5..8579a8a4 100644
--- a/src/lib/components/Stake/Stake.svelte
+++ b/src/lib/components/Stake/Stake.svelte
@@ -1,261 +1,380 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher, onMount } from "svelte";
-	import { fade } from "svelte/transition";
-	import { mdiDatabaseArrowDownOutline, mdiDatabaseOutline } from "@mdi/js";
-
-	import { deductLuxFeeFrom } from "$lib/contracts";
-	import { luxToDusk } from "$lib/dusk/currency";
-	import { logo } from "$lib/dusk/icons";
-	import {
-		AnchorButton,
-		Badge,
-		Button,
-		Icon,
-		Textbox,
-		Wizard,
-		WizardStep
-	} from "$lib/dusk/components";
-	import {
-		ContractStatusesList,
-		GasFee,
-		GasSettings,
-		OperationResult
-	} from "$lib/components";
-
-	import StakeOverview from "./StakeOverview.svelte";
-
-	/** @type {(...args: any[]) => Promise<string>} */
-	export let execute;
-
-	/** @type {StakeType} */
-	export let flow;
-
-	/** @type {(amount: number) => string} */
-	export let formatter;
-
-	/** @type {ContractGasSettings} */
-	export let gasSettings;
-
-	/** @type {number} */
-	export let rewards;
-
-	/** @type {number} */
-	export let spendable;
-
-	/** @type {number} */
-	export let staked;
-
-	/** @type {ContractStatus[]} */
-	export let statuses;
-
-	const defaultMinStake = 1000;
-
-	/** @type {number} */
-	let stakeAmount = {
-		"stake": defaultMinStake,
-		"withdraw-rewards": rewards,
-		"withdraw-stake": staked
-	}[flow];
-
-	/** @type {HTMLInputElement|null} */
-	let stakeInput;
-
-	/** @type {boolean} */
-	let isNextButtonDisabled = false;
-
-	/** @type {Record<StakeType, string>} */
-	const overviewLabels = {
-		"stake": "Amount",
-		"withdraw-rewards": "Withdraw Rewards",
-		"withdraw-stake": "Withdraw Amount"
-	};
-
-	const checkAmountValid = () => {
-		isNextButtonDisabled = !stakeInput?.checkValidity();
-	};
-
-	const dispatch = createEventDispatcher();
-	const resetOperation = () => dispatch("operationChange", "");
-
-	onMount(() => {
-		if (flow === "stake") {
-			stakeInput = document.querySelector(".operation__input-field");
-			stakeAmount = Math.min(minStake, stakeAmount);
-			checkAmountValid();
-		}
-	});
-
-	$: luxFee = gasSettings.gasLimit * gasSettings.gasPrice;
-	$: fee = formatter(luxToDusk(luxFee));
-	$: maxSpendable = deductLuxFeeFrom(spendable, luxFee);
-	$: minStake = maxSpendable > 0 ? Math.min(defaultMinStake, maxSpendable) : defaultMinStake;
+  import { createEventDispatcher, onMount } from "svelte";
+  import { fade } from "svelte/transition";
+  import { mdiAlertOutline, mdiDatabaseOutline } from "@mdi/js";
+
+  import { DOCUMENTATION_LINKS, MESSAGES } from "$lib/constants";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { duskToLux, luxToDusk } from "$lib/dusk/currency";
+  import { logo } from "$lib/dusk/icons";
+
+  import {
+    Agreement,
+    AnchorButton,
+    Badge,
+    Button,
+    Icon,
+    Stepper,
+    Textbox,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import {
+    AppAnchor,
+    GasFee,
+    GasSettings,
+    OperationResult,
+  } from "$lib/components";
+
+  import { WarningCard } from "$lib/containers/Cards";
+
+  import StakeOverview from "./StakeOverview.svelte";
+  import Banner from "../Banner/Banner.svelte";
+
+  /** @type {(...args: any[]) => Promise<string>} */
+  export let execute;
+
+  /** @type {(amount: number) => string} */
+  export let formatter;
+
+  /** @type {GasStoreContent} */
+  export let gasLimits;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {boolean} */
+  export let hideStakingNotice;
+
+  /** @type {bigint} */
+  export let minStakeRequirement;
+
+  /** @type {bigint} */
+  export let availableBalance;
+
+  let activeStep = 0;
+  let { gasLimit, gasPrice } = gasSettings;
+  let hideStakingNoticeNextTime = false;
+  let isGasValid = false;
+
+  /**
+   * We are forced to keep `stakeAmount`
+   * as number if we want to use
+   * Svelte's binding.
+   */
+  let stakeAmount = luxToDusk(minStakeRequirement);
+
+  const steps = getStepperSteps();
+
+  const dispatch = createEventDispatcher();
+  const resetOperation = () => dispatch("operationChange", "");
+  const suppressStakingNotice = () => dispatch("suppressStakingNotice");
+
+  /**
+   * @param {{detail: {price: bigint, limit: bigint}}} event
+   */
+  const setGasValues = (event) => {
+    isGasValid = areValidGasSettings(event.detail.price, event.detail.limit);
+
+    if (isGasValid) {
+      gasPrice = event.detail.price;
+      gasLimit = event.detail.limit;
+    }
+  };
+
+  function getStepperSteps() {
+    return hideStakingNotice
+      ? [{ label: "Amount" }, { label: "Overview" }, { label: "Done" }]
+      : [
+          { label: "Notice" },
+          { label: "Amount" },
+          { label: "Overview" },
+          { label: "Done" },
+        ];
+  }
+
+  function setMaxAmount() {
+    if (!isGasValid) {
+      toast("error", "Please set valid gas settings first", mdiAlertOutline);
+      return;
+    }
+
+    if (availableBalance < maxGasFee) {
+      toast(
+        "error",
+        "You don't have enough DUSK to cover the transaction fee",
+        mdiAlertOutline
+      );
+      return;
+    }
+
+    stakeAmount = luxToDusk(maxSpendableAmount);
+  }
+
+  onMount(() => {
+    isGasValid = areValidGasSettings(gasPrice, gasLimit);
+  });
+
+  $: stakeAmountInLux = stakeAmount ? duskToLux(stakeAmount) : 0n;
+
+  // Calculate the maximum gas fee based on the gas limit and gas price.
+  $: maxGasFee = gasLimit * gasPrice;
+
+  // Check if the available balance is sufficient to cover the max gas fee.
+  // This is a prerequisite for any transaction.
+  $: isBalanceSufficientForGas = availableBalance >= maxGasFee;
+
+  // Determine the maximum amount spendable for staking.
+  // If the available balance is less than the max gas fee, set it to 0n to avoid negative values.
+  $: maxSpendableAmount =
+    availableBalance >= maxGasFee ? availableBalance - maxGasFee : 0n;
+
+  // Validate that the stake amount is within allowable limits:
+  // - At least the minimum staking requirement.
+  // - At most the maximum spendable amount (after accounting for maximum gas fees).
+  $: isStakeAmountValid =
+    stakeAmountInLux >= minStakeRequirement &&
+    stakeAmountInLux <= maxSpendableAmount;
+
+  // Calculate the total amount for the transaction, which includes:
+  // - The maximum gas fee.
+  // - The user-specified stake amount (converted to Lux).
+  $: totalAmount = maxGasFee + stakeAmountInLux;
+
+  // Validate that the total amount is within the user's available balance.
+  $: isTotalAmountWithinAvailableBalance = totalAmount <= availableBalance;
+
+  $: isNextButtonDisabled = !(
+    isStakeAmountValid &&
+    isGasValid &&
+    isTotalAmountWithinAvailableBalance &&
+    isBalanceSufficientForGas
+  );
 </script>
 
 <div class="operation">
-	<Wizard steps={flow === "stake" ? 3 : 2} let:key>
-		{#if flow === "stake"}
-			<WizardStep
-				step={0}
-				{key}
-				backButton={{
-					action: resetOperation,
-					disabled: false
-				}}
-				nextButton={{ disabled: isNextButtonDisabled }}>
-				<ContractStatusesList items={statuses}/>
-				<div class="operation__amount operation__space-between">
-					<p>Enter amount:</p>
-					<Button
-						size="small"
-						variant="tertiary"
-						on:click={() => {
-							if (stakeInput) {
-								stakeInput.value = maxSpendable.toString();
-							}
-
-							stakeAmount = maxSpendable;
-							checkAmountValid();
-						}}
-						text="USE MAX"
-					/>
-				</div>
-
-				<div class="operation__amount operation__input">
-					<Textbox
-						className="operation__input-field"
-						bind:value={stakeAmount}
-						type="number"
-						min={minStake}
-						max={maxSpendable}
-						required
-						step="0.000000001"
-						on:input={checkAmountValid}
-					/>
-					<Icon
-						data-tooltip-id="main-tooltip"
-						data-tooltip-text="DUSK"
-						path={logo}
-					/>
-				</div>
-
-				<GasSettings
-					{fee}
-					limit={gasSettings.gasLimit}
-					limitLower={gasSettings.gasLimitLower}
-					limitUpper={gasSettings.gasLimitUpper}
-					price={gasSettings.gasPrice}
-					priceLower={gasSettings.gasPriceLower}
-					on:setGasSettings
-				/>
-			</WizardStep>
-		{/if}
-
-		<WizardStep
-			step={flow === "stake" ? 1 : 0}
-			{key}
-			backButton={
-				flow !== "stake"
-					? { action: resetOperation, disabled: false }
-					: undefined
-			}
-			nextButton={{
-				disabled: stakeAmount === 0,
-				icon: {
-					path: flow === "stake" ? mdiDatabaseOutline : mdiDatabaseArrowDownOutline,
-					position: "before"
-				},
-				label: flow === "stake" ? "STAKE" : "WITHDRAW",
-				variant: "secondary"
-			}}>
-			<div in:fade|global class="operation__stake">
-				<ContractStatusesList items={statuses}/>
-				<Badge
-					className="operation__rewards-notice"
-					text="REVIEW TRANSACTION"
-					variant="warning"
-				/>
-				<StakeOverview
-					label={overviewLabels[flow]}
-					value={formatter(stakeAmount)}
-				/>
-
-				{#if flow === "stake"}
-					<GasFee {fee}/>
-				{:else}
-					<GasSettings
-						{fee}
-						limit={gasSettings.gasLimit}
-						limitLower={gasSettings.gasLimitLower}
-						limitUpper={gasSettings.gasLimitUpper}
-						price={gasSettings.gasPrice}
-						priceLower={gasSettings.gasPriceLower}
-						on:setGasSettings
-					/>
-				{/if}
-
-			</div>
-		</WizardStep>
-
-		<WizardStep
-			step={flow === "stake" ? 2 : 1}
-			{key}
-			showNavigation={false}>
-
-			<OperationResult
-				errorMessage="Transaction failed"
-				onBeforeLeave={resetOperation}
-				operation={flow === "stake" ? execute(stakeAmount) : execute()}
-				pendingMessage="Processing transaction"
-				successMessage="Transaction completed"
-			>
-				<svelte:fragment slot="success-content" let:result={hash}>
-					{#if hash}
-						<AnchorButton
-							href={`https://explorer.dusk.network/transactions/transaction?id=${hash}`}
-							on:click={resetOperation}
-							text="VIEW ON BLOCK EXPLORER"
-							variant="secondary"
-							rel="noopener noreferrer"
-							target="_blank"
-						/>
-					{/if}
-				</svelte:fragment>
-			</OperationResult>
-		</WizardStep>
-	</Wizard>
+  <Wizard steps={hideStakingNotice ? 3 : 4} let:key>
+    <div slot="stepper">
+      <Stepper {activeStep} {steps} />
+    </div>
+
+    {#if !hideStakingNotice}
+      <!-- STAKING NOTICE STEP -->
+      <WizardStep
+        step={0}
+        {key}
+        backButton={{
+          action: resetOperation,
+          disabled: false,
+        }}
+        nextButton={{
+          action: () => {
+            activeStep++;
+            if (hideStakingNoticeNextTime) {
+              suppressStakingNotice();
+            }
+          },
+          icon: null,
+          label: "Agree",
+          variant: "primary",
+        }}
+      >
+        <Badge text="WARNING" variant="warning" />
+        <WarningCard onSurface heading="Only stake if you have a node set up!">
+          <p class="staking-warning">
+            I understand that I have set up a node properly, as described <AppAnchor
+              class="staking-warning__step-node-setup-link"
+              rel="noopener noreferrer"
+              target="_blank"
+              href={DOCUMENTATION_LINKS.RUN_A_PROVISIONER}>HERE</AppAnchor
+            >, and that, if not done correctly, I may be subject to <AppAnchor
+              class="staking-warning__step-node-setup-link"
+              href={DOCUMENTATION_LINKS.SLASHING}
+              rel="noopener noreferrer"
+              target="_blank">soft-slashing</AppAnchor
+            > penalties, requiring me to unstake and stake again.
+          </p>
+
+          <Agreement
+            className="staking-warning__agreement"
+            name="staking-warning"
+            label="Don't show this step again."
+            bind:checked={hideStakingNoticeNextTime}
+          />
+        </WarningCard>
+      </WizardStep>
+    {/if}
+
+    <!-- ENTER STAKING AMOUNT STEP -->
+    <WizardStep
+      step={hideStakingNotice ? 0 : 1}
+      {key}
+      backButton={{
+        action: () => {
+          if (hideStakingNotice) {
+            resetOperation();
+          } else {
+            activeStep--;
+          }
+        },
+        disabled: false,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        disabled: isNextButtonDisabled,
+      }}
+    >
+      <div class="operation__amount-wrapper">
+        <p>Amount:</p>
+        <Button
+          size="small"
+          variant="tertiary"
+          on:click={setMaxAmount}
+          text="USE MAX"
+        />
+      </div>
+
+      <div class="operation__input-wrapper">
+        <Textbox
+          className="operation__input-field"
+          bind:value={stakeAmount}
+          type="number"
+          min={luxToDusk(minStakeRequirement)}
+          max={luxToDusk(maxSpendableAmount)}
+          required
+          step="0.000000001"
+        />
+        <Icon
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+          path={logo}
+        />
+      </div>
+
+      <GasSettings
+        {formatter}
+        fee={maxGasFee}
+        limit={gasSettings.gasLimit}
+        limitLower={gasLimits.gasLimitLower}
+        limitUpper={gasLimits.gasLimitUpper}
+        price={gasSettings.gasPrice}
+        priceLower={gasLimits.gasPriceLower}
+        on:gasSettings={setGasValues}
+      />
+
+      {#if !isBalanceSufficientForGas}
+        <Banner variant="error" title="Insufficient balance for gas fees">
+          <p>
+            Your current balance is too low to cover the required gas fees for
+            this transaction. Please deposit additional funds or reduce the gas
+            limit.
+          </p>
+        </Banner>
+      {:else if stakeAmountInLux < minStakeRequirement}
+        <Banner variant="error" title="Stake amount below minimum requirement">
+          <p>
+            The amount you are trying to stake is below the minimum staking
+            requirement of {luxToDusk(minStakeRequirement).toLocaleString()} DUSK.
+            Please enter a valid amount that meets this minimum.
+          </p>
+        </Banner>
+      {:else if stakeAmountInLux > maxSpendableAmount}
+        <Banner variant="error" title="Stake amount exceeds available balance">
+          <p>
+            The amount you are trying to stake exceeds the spendable balance
+            after accounting for gas fees. Please reduce the stake amount.
+          </p>
+        </Banner>
+      {/if}
+    </WizardStep>
+
+    <!-- OPERATION OVERVIEW STEP  -->
+    <WizardStep
+      step={hideStakingNotice ? 1 : 2}
+      {key}
+      backButton={{
+        action: () => activeStep--,
+        disabled: false,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        icon: {
+          path: mdiDatabaseOutline,
+          position: "before",
+        },
+        label: "Stake",
+        variant: "primary",
+      }}
+    >
+      <div in:fade|global class="operation__stake">
+        <Badge text="REVIEW TRANSACTION" variant="warning" />
+        <StakeOverview label="Amount" value={formatter(stakeAmount)} />
+        <GasFee {formatter} fee={maxGasFee} />
+      </div>
+    </WizardStep>
+
+    <!-- OPERATION RESULT STEP  -->
+    <WizardStep step={hideStakingNotice ? 2 : 3} {key} showNavigation={false}>
+      <OperationResult
+        errorMessage="Transaction failed"
+        onBeforeLeave={resetOperation}
+        operation={execute(stakeAmountInLux, gasPrice, gasLimit)}
+        pendingMessage="Processing transaction"
+        successMessage="Transaction created"
+      >
+        <svelte:fragment slot="success-content" let:result={hash}>
+          <p>{MESSAGES.TRANSACTION_CREATED}</p>
+          {#if hash}
+            <AnchorButton
+              href={`/explorer/transactions/transaction?id=${hash}`}
+              on:click={resetOperation}
+              text="VIEW ON BLOCK EXPLORER"
+              rel="noopener noreferrer"
+              target="_blank"
+            />
+          {/if}
+        </svelte:fragment>
+      </OperationResult>
+    </WizardStep>
+  </Wizard>
 </div>
 
 <style lang="postcss">
-	.operation {
-		&__amount {
-			display: flex;
-			align-items: center;
-			width: 100%;
-		}
-
-		&__stake {
-			display: flex;
-			flex-direction: column;
-			gap: 1.2em;
-		}
-
-		&__space-between {
-			justify-content: space-between;
-		}
-
-		&__input {
-			column-gap: var(--default-gap);
-		}
-
-		:global(&__input &__input-field) {
-			width: 100%;
-			padding: 0.5em 1em;
-		}
-
-		:global(&__input-field:invalid) {
-			color: var(--error-color);
-		}
-	}
+  .operation {
+    &__stake {
+      display: flex;
+      flex-direction: column;
+      gap: 1.2em;
+    }
+
+    &__amount-wrapper,
+    &__input-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__amount-wrapper {
+      justify-content: space-between;
+    }
+
+    &__input-wrapper {
+      column-gap: var(--default-gap);
+    }
+  }
+
+  .staking-warning {
+    margin-bottom: 1em;
+  }
+
+  :global(.staking-warning__step-node-setup-link) {
+    color: var(--secondary-color-variant-dark);
+  }
+
+  :global(.staking-warning__agreement) {
+    align-items: baseline;
+  }
 </style>
diff --git a/src/lib/components/Stake/StakeOverview.svelte b/src/lib/components/Stake/StakeOverview.svelte
index b7aeefe3..f4b03799 100644
--- a/src/lib/components/Stake/StakeOverview.svelte
+++ b/src/lib/components/Stake/StakeOverview.svelte
@@ -1,53 +1,53 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { mdiArrowDownBoldBoxOutline } from "@mdi/js";
+  import { mdiArrowDownBoldBoxOutline } from "@mdi/js";
 
-	import { logo } from "$lib/dusk/icons";
-	import { Icon } from "$lib/dusk/components";
+  import { logo } from "$lib/dusk/icons";
+  import { Icon } from "$lib/dusk/components";
 
-	/** @type {string} */
-	export let label;
+  /** @type {string} */
+  export let label;
 
-	/** @type {string} */
-	export let value;
+  /** @type {string} */
+  export let value;
 </script>
 
 <dl class="stake-overview">
-	<dt class="stake-overview__label">
-		<Icon path={mdiArrowDownBoldBoxOutline}/>
-		<span>{label}:</span>
-	</dt>
-	<dd class="stake-overview__value">
-		<span>{value}</span>
-		<Icon
-			className="stake-overview__icon"
-			data-tooltip-id="main-tooltip"
-			data-tooltip-text="DUSK"
-			path={logo}
-		/>
-	</dd>
+  <dt class="stake-overview__label">
+    <Icon path={mdiArrowDownBoldBoxOutline} />
+    <span>{label}:</span>
+  </dt>
+  <dd class="stake-overview__value">
+    <span>{value}</span>
+    <Icon
+      className="stake-overview__icon"
+      data-tooltip-id="main-tooltip"
+      data-tooltip-text="DUSK"
+      path={logo}
+    />
+  </dd>
 </dl>
 
 <style lang="postcss">
-	.stake-overview {
-		display: flex;
-		flex-direction: column;
-		gap: 0.625em;
-
-		&__value {
-			display: inline-flex;
-			align-items: center;
-			gap: var(--small-gap);
-
-			& > span {
-				font-weight: 600;
-			}
-		}
-
-		:global(&__icon) {
-			width: 1em;
-			height: 1em;
-		}
-	}
+  .stake-overview {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625em;
+
+    &__value {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--small-gap);
+
+      & > span {
+        font-weight: 600;
+      }
+    }
+
+    :global(&__icon) {
+      width: 1em;
+      height: 1em;
+    }
+  }
 </style>
diff --git a/src/lib/components/Stake/Unstake.svelte b/src/lib/components/Stake/Unstake.svelte
new file mode 100644
index 00000000..df55c165
--- /dev/null
+++ b/src/lib/components/Stake/Unstake.svelte
@@ -0,0 +1,314 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { createEventDispatcher, onMount } from "svelte";
+  import { fade } from "svelte/transition";
+
+  import { MESSAGES } from "$lib/constants";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { duskToLux, luxToDusk } from "$lib/dusk/currency";
+
+  import {
+    AnchorButton,
+    Badge,
+    Button,
+    Icon,
+    Stepper,
+    Textbox,
+    Wizard,
+    WizardStep,
+  } from "$lib/dusk/components";
+  import {
+    Banner,
+    GasFee,
+    GasSettings,
+    OperationResult,
+  } from "$lib/components";
+
+  import StakeOverview from "./StakeOverview.svelte";
+  import { logo } from "$lib/dusk/icons";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import { mdiAlertOutline } from "@mdi/js";
+
+  /** @type {(...args: any[]) => Promise<string>} */
+  export let execute;
+
+  /** @type {(amount: number) => string} */
+  export let formatter;
+
+  /** @type {GasStoreContent} */
+  export let gasLimits;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {bigint} */
+  export let maxWithdrawAmount;
+
+  /** @type {string} */
+  export let operationCtaLabel;
+
+  /** @type {string} */
+  export let operationCtaIconPath;
+
+  /** @type {string} */
+  export let operationOverviewLabel;
+
+  /** @type {bigint} */
+  export let availableBalance;
+
+  /**
+   * @type {bigint|undefined}
+   * If `minStakeRequirement` is undefined, it indicates that the user is claiming rewards.
+   * If it is defined, it means the user is performing an unstaking operation.
+   */
+  export let minStakeRequirement;
+
+  let activeStep = 0;
+  let { gasLimit, gasPrice } = gasSettings;
+  let isGasValid = false;
+
+  /**
+   * We are forced to keep `amount`
+   * as number if we want to use
+   * Svelte's binding.
+   */
+  let withdrawAmount = luxToDusk(maxWithdrawAmount);
+
+  const steps = [{ label: "Amount" }, { label: "Overview" }, { label: "Done" }];
+
+  const dispatch = createEventDispatcher();
+  const resetOperation = () => dispatch("operationChange", "");
+
+  /**
+   * @param {{detail: {price: bigint, limit: bigint}}} event
+   */
+  const setGasValues = (event) => {
+    isGasValid = areValidGasSettings(event.detail.price, event.detail.limit);
+
+    if (isGasValid) {
+      gasPrice = event.detail.price;
+      gasLimit = event.detail.limit;
+    }
+  };
+
+  function setMaxAmount() {
+    if (!isGasValid) {
+      toast("error", "Please set valid gas settings first", mdiAlertOutline);
+      return;
+    }
+
+    if (availableBalance < maxGasFee) {
+      toast(
+        "error",
+        "You don't have enough DUSK to cover the transaction fee",
+        mdiAlertOutline
+      );
+      return;
+    }
+
+    withdrawAmount = luxToDusk(maxWithdrawAmount);
+  }
+
+  onMount(() => {
+    isGasValid = areValidGasSettings(gasPrice, gasLimit);
+  });
+
+  $: withdrawAmountInLux = withdrawAmount ? duskToLux(withdrawAmount) : 0n;
+
+  // Calculate the maximum gas fee based on the gas limit and gas price.
+  $: maxGasFee = gasLimit * gasPrice;
+
+  // Check if the available balance is sufficient to cover the max gas fee.
+  // This is a prerequisite for any transaction.
+  $: isBalanceSufficientForGas = availableBalance >= maxGasFee;
+
+  // Validate that the unstake amount is within allowable limits:
+  // - If unstaking, the remaining amount after unstaking must be at least the minimum stake requirement.
+  // - If unstaking everything, the above condition is not applicable.
+  // - At most the maximum amount available to withdraw
+  $: isWithdrawAmountValid =
+    minStakeRequirement !== undefined
+      ? (withdrawAmountInLux === maxWithdrawAmount ||
+          maxWithdrawAmount - withdrawAmountInLux >= minStakeRequirement) &&
+        withdrawAmountInLux <= maxWithdrawAmount
+      : withdrawAmountInLux <= maxWithdrawAmount;
+
+  $: isNextButtonDisabled = !(
+    isWithdrawAmountValid &&
+    isGasValid &&
+    isBalanceSufficientForGas
+  );
+</script>
+
+<div class="operation">
+  <Wizard steps={3} let:key>
+    <div slot="stepper">
+      <Stepper {activeStep} {steps} />
+    </div>
+
+    <WizardStep
+      step={0}
+      {key}
+      backButton={{
+        action: resetOperation,
+        disabled: false,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        disabled: isNextButtonDisabled,
+      }}
+    >
+      <div class="operation__amount-wrapper">
+        <p>Amount:</p>
+        <Button
+          size="small"
+          variant="tertiary"
+          on:click={setMaxAmount}
+          text="USE MAX"
+        />
+      </div>
+
+      <div class="operation__input-wrapper">
+        <Textbox
+          className="operation__input-field"
+          bind:value={withdrawAmount}
+          type="number"
+          min={minStakeRequirement !== undefined
+            ? maxWithdrawAmount - withdrawAmountInLux >= minStakeRequirement
+            : undefined}
+          max={luxToDusk(maxWithdrawAmount)}
+          required
+          step="0.000000001"
+        />
+        <Icon
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+          path={logo}
+        />
+      </div>
+
+      <GasSettings
+        {formatter}
+        fee={maxGasFee}
+        limit={gasSettings.gasLimit}
+        limitLower={gasLimits.gasLimitLower}
+        limitUpper={gasLimits.gasLimitUpper}
+        price={gasSettings.gasPrice}
+        priceLower={gasLimits.gasPriceLower}
+        on:gasSettings={setGasValues}
+      />
+
+      {#if !isBalanceSufficientForGas}
+        <Banner variant="error" title="Insufficient balance for gas fees">
+          <p>
+            Your current balance is too low to cover the required gas fees for
+            this transaction. Please deposit additional funds or reduce the gas
+            limit.
+          </p>
+        </Banner>
+      {:else if withdrawAmountInLux > maxWithdrawAmount}
+        <Banner
+          variant="error"
+          title="Withdraw amount exceeds available balance"
+        >
+          <p>
+            The amount you are trying to withdraw exceeds the available balance.
+            Please reduce the withdraw amount.
+          </p>
+        </Banner>
+      {:else if minStakeRequirement && maxWithdrawAmount !== withdrawAmountInLux && maxWithdrawAmount - withdrawAmountInLux < minStakeRequirement}
+        <Banner
+          variant="error"
+          title="Remaining staked amount below minimum requirement"
+        >
+          <p>
+            The amount you are trying to unstake would leave your remaining
+            stake below the minimum staking requirement of {luxToDusk(
+              minStakeRequirement
+            ).toLocaleString()} DUSK. To proceed, either adjust your unstake amount
+            to ensure the remaining stake meets this minimum or click "Use Max" to
+            unstake your entire balance.
+          </p>
+        </Banner>
+      {/if}
+    </WizardStep>
+
+    <!-- OPERATION OVERVIEW STEP  -->
+    <WizardStep
+      step={1}
+      {key}
+      backButton={{
+        action: () => activeStep--,
+        disabled: false,
+      }}
+      nextButton={{
+        action: () => activeStep++,
+        icon: {
+          path: operationCtaIconPath,
+          position: "before",
+        },
+        label: operationCtaLabel,
+        variant: "primary",
+      }}
+    >
+      <div in:fade|global class="operation__unstake">
+        <Badge text="REVIEW TRANSACTION" variant="warning" />
+        <StakeOverview
+          label={operationOverviewLabel}
+          value={formatter(withdrawAmount)}
+        />
+        <GasFee {formatter} fee={maxGasFee} />
+      </div>
+    </WizardStep>
+
+    <!-- OPERATION RESULT STEP  -->
+    <WizardStep step={2} {key} showNavigation={false}>
+      <OperationResult
+        errorMessage="Transaction failed"
+        onBeforeLeave={resetOperation}
+        operation={execute(withdrawAmountInLux, gasPrice, gasLimit)}
+        pendingMessage="Processing transaction"
+        successMessage="Transaction created"
+      >
+        <svelte:fragment slot="success-content" let:result={hash}>
+          <p>{MESSAGES.TRANSACTION_CREATED}</p>
+          {#if hash}
+            <AnchorButton
+              href={`/explorer/transactions/transaction?id=${hash}`}
+              on:click={resetOperation}
+              text="VIEW ON BLOCK EXPLORER"
+              rel="noopener noreferrer"
+              target="_blank"
+            />
+          {/if}
+        </svelte:fragment>
+      </OperationResult>
+    </WizardStep>
+  </Wizard>
+</div>
+
+<style lang="postcss">
+  .operation {
+    &__unstake {
+      display: flex;
+      flex-direction: column;
+      gap: 1.2em;
+    }
+
+    &__amount-wrapper,
+    &__input-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__amount-wrapper {
+      justify-content: space-between;
+    }
+
+    &__input-wrapper {
+      column-gap: var(--default-gap);
+    }
+  }
+</style>
diff --git a/src/lib/components/StakeMaturityInfo/StakeMaturityInfo.svelte b/src/lib/components/StakeMaturityInfo/StakeMaturityInfo.svelte
new file mode 100644
index 00000000..61a4f4a5
--- /dev/null
+++ b/src/lib/components/StakeMaturityInfo/StakeMaturityInfo.svelte
@@ -0,0 +1,45 @@
+<script>
+  /** @type {bigint} */
+  export let eligibility;
+
+  /** @type {boolean} */
+  export let isParticipatingInConsensus;
+
+  /** @type {(value: number | bigint) => string} */
+  export let formatter;
+</script>
+
+<div class="stake-maturity-info">
+  {#if isParticipatingInConsensus}
+    <p class="stake-maturity-info__heading">Actively participating...</p>
+    <p class="stake-maturity-info__body">
+      Participation in the consensus began at block #{formatter(eligibility)}.
+    </p>
+  {:else}
+    <p class="stake-maturity-info__heading">Stake maturity in progress...</p>
+    <p class="stake-maturity-info__body">
+      Participation in the consensus will start at block #{formatter(
+        eligibility
+      )}.
+    </p>
+  {/if}
+</div>
+
+<style lang="postcss">
+  .stake-maturity-info {
+    width: 100%;
+    padding: 0 0.75em;
+    padding-top: 0.625em;
+
+    &__heading {
+      font-weight: 500;
+      line-height: 21px;
+      letter-spacing: -1;
+    }
+
+    &__body {
+      font-size: 0.875rem;
+      line-height: 1.5;
+    }
+  }
+</style>
diff --git a/src/lib/components/SyncBar/SyncBar.svelte b/src/lib/components/SyncBar/SyncBar.svelte
new file mode 100644
index 00000000..47a600a8
--- /dev/null
+++ b/src/lib/components/SyncBar/SyncBar.svelte
@@ -0,0 +1,26 @@
+<script>
+  import { ProgressBar } from "$lib/dusk/components";
+
+  /** @type {bigint} */
+  export let from;
+  /** @type {bigint} */
+  export let last;
+  /** @type {number} */
+  export let progress;
+</script>
+
+<div class="sync-bar">
+  <span>{from.toLocaleString()}</span><ProgressBar
+    currentPercentage={progress * 100}
+  /><span>{last.toLocaleString()}</span>
+</div>
+
+<style>
+  .sync-bar {
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    gap: var(--small-gap);
+    width: 100%;
+  }
+</style>
diff --git a/src/lib/components/Transactions/Transactions.svelte b/src/lib/components/Transactions/Transactions.svelte
index c64aa6ae..b3e34093 100644
--- a/src/lib/components/Transactions/Transactions.svelte
+++ b/src/lib/components/Transactions/Transactions.svelte
@@ -1,200 +1,250 @@
 <script>
-	import { mdiContain	} from "@mdi/js";
-	import { fade } from "svelte/transition";
-	import { logo } from "$lib/dusk/icons";
-	import {
-		Anchor, Badge, Icon, Tooltip
-	} from "$lib/dusk/components";
-	import { createFeeFormatter, createTransferFormatter } from "$lib/dusk/currency";
-	import { settingsStore } from "$lib/stores";
-	import { calculateAdaptiveCharCount, middleEllipsis } from "$lib/dusk/string";
-	import { onMount } from "svelte";
-
-	/** @type Transaction[] */
-	export let transactions;
-
-	const { language } = $settingsStore;
-	const transferFormatter = createTransferFormatter(language);
-	const feeFormatter = createFeeFormatter(language);
-
-	/** @type {Number} */
-	let screenWidth = window.innerWidth;
-
-	onMount(() => {
-		const resizeObserver = new ResizeObserver(entries => {
-			const entry = entries[0];
-
-			screenWidth = entry.contentRect.width;
-		});
-
-		resizeObserver.observe(document.body);
-
-		return () => resizeObserver.disconnect();
-	});
-
+  import { compose, take } from "lamb";
+  import { mdiArrowLeft, mdiContain } from "@mdi/js";
+  import { onMount } from "svelte";
+  import { fade } from "svelte/transition";
+  import {
+    Anchor,
+    Badge,
+    Icon,
+    Suspense,
+    Throbber,
+  } from "$lib/dusk/components";
+  import {
+    createFeeFormatter,
+    createTransferFormatter,
+  } from "$lib/dusk/currency";
+  import { calculateAdaptiveCharCount, middleEllipsis } from "$lib/dusk/string";
+  import { sortByHeightDesc } from "$lib/transactions";
+
+  import AppAnchorButton from "../AppAnchorButton/AppAnchorButton.svelte";
+
+  /** @type {String} */
+  export let language;
+
+  /** @type {Number | Undefined} */
+  export let limit = undefined;
+
+  const transferFormatter = createTransferFormatter(language);
+  const feeFormatter = createFeeFormatter(language);
+
+  /** @type {Promise<Transaction[]>} */
+  export let items;
+
+  /** @type {Boolean}*/
+  export let isSyncing;
+
+  /** @type {Error|null}*/
+  export let syncError;
+
+  /** @type {Number} */
+  let screenWidth = window.innerWidth;
+
+  /** @type {(transactions: Transaction[]) => Transaction[]} */
+  const getOrderedTransactions = limit
+    ? compose(take(limit), sortByHeightDesc)
+    : sortByHeightDesc;
+
+  onMount(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+
+      screenWidth = entry.contentRect.width;
+    });
+
+    resizeObserver.observe(document.body);
+
+    return () => resizeObserver.disconnect();
+  });
 </script>
 
 <article in:fade|global class="transactions">
-	<header class="transactions__header">
-		<slot name="heading"/>
-	</header>
-
-	<div class="transactions__lists">
-		{#if transactions.length}
-			{#each transactions as transaction (transaction.id)}
-				<dl class="transactions-list">
-					<dt class="transactions-list__term">Hash</dt>
-					<dd class="transactions-list__datum transactions-list__datum--hash">
-						<samp>
-							<Anchor
-								href="https://explorer.dusk.network/transactions/transaction?id={transaction.id}"
-								rel="noopener noreferrer"
-								target="_blank"
-							>
-								{middleEllipsis(
-									transaction.id,
-									calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20)
-								)}
-							</Anchor>
-						</samp>
-					</dd>
-					{#if transaction.tx_type}
-						<dt class="transactions-list__term">Type</dt>
-						<dd class="transactions-list__datum">
-							<Badge className="w-100" text={transaction.tx_type}/>
-						</dd>
-					{/if}
-					<dt class="transactions-list__term">Block</dt>
-					<dd class="transactions-list__datum">
-						{new Intl.NumberFormat(language).format(transaction.block_height)}
-					</dd>
-					<dt class="transactions-list__term">Amount</dt>
-					<dd class="transactions-list__datum">
-						{transferFormatter(transaction.amount)}
-						<Icon
-							className="transactions-list__icon"
-							path={logo}
-							data-tooltip-id="transactions-tooltip"
-							data-tooltip-text="DUSK"
-							data-tooltip-place="top"
-						/>
-					</dd>
-					{#if transaction.direction === "Out"}
-						<dt class="transactions-list__term">Fee</dt>
-						<dd class="transactions-list__datum">
-							{feeFormatter(transaction.fee)}
-							<Icon
-								className="transactions-list__icon"
-								path={logo}
-								data-tooltip-id="transactions-tooltip"
-								data-tooltip-text="DUSK"
-								data-tooltip-place="top"
-							/>
-						</dd>
-					{/if}
-				</dl>
-			{/each}
-		{:else}
-			<div class="transactions-list__empty">
-				<Icon path={mdiContain} size="large"/>
-				<p>You have no transaction history</p>
-			</div>
-		{/if}
-	</div>
-
-	<footer class="transactions__footer">
-		{#if transactions.length}
-			<slot name="controls"/>
-		{/if}
-	</footer>
+  <header class="transactions__header">
+    <h3 class="h4">Transactions</h3>
+    {#if limit}
+      <AppAnchorButton
+        className="transactions__footer-button"
+        href="/dashboard/transactions"
+        text="All transactions"
+        variant="primary"
+      />
+    {:else}
+      <AppAnchorButton
+        className="transactions__footer-button"
+        href="/dashboard"
+        text="Back"
+        variant="tertiary"
+        icon={{ path: mdiArrowLeft }}
+      />
+    {/if}
+  </header>
+  <Suspense
+    className="transactions-list__container"
+    errorMessage="Error getting transactions"
+    errorVariant="details"
+    waitFor={items}
+  >
+    <svelte:fragment slot="pending-content">
+      <div class="transactions-list__loading-container">
+        {#if !isSyncing && !syncError}
+          <Throbber />
+        {:else}
+          <p>Data will load after a successful sync.</p>
+        {/if}
+      </div>
+    </svelte:fragment>
+    <svelte:fragment slot="success-content" let:result={transactions}>
+      {#if transactions.length}
+        {#each getOrderedTransactions(transactions) as transaction (transaction.id)}
+          <dl class="transactions-list">
+            <dt class="transactions-list__term">Hash</dt>
+            <dd class="transactions-list__datum transactions-list__datum--hash">
+              <samp>
+                <Anchor
+                  href="/explorer/transactions/transaction?id={transaction.id}"
+                  rel="noopener noreferrer"
+                  target="_blank"
+                >
+                  {middleEllipsis(
+                    transaction.id,
+                    calculateAdaptiveCharCount(screenWidth, 320, 640, 5, 20)
+                  )}
+                </Anchor>
+              </samp>
+            </dd>
+            {#if transaction.tx_type}
+              <dt class="transactions-list__term">Type</dt>
+              <dd class="transactions-list__datum">
+                <Badge
+                  className="transactions-list__badge"
+                  text={transaction.tx_type}
+                />
+              </dd>
+            {/if}
+            <dt class="transactions-list__term">Block</dt>
+            <dd class="transactions-list__datum">
+              {new Intl.NumberFormat(language).format(transaction.block_height)}
+            </dd>
+            <dt class="transactions-list__term">Amount</dt>
+            <dd class="transactions-list__datum">
+              {transferFormatter(transaction.amount)}
+              <span class="transactions-list__ticker">Dusk</span>
+            </dd>
+            {#if transaction.direction === "Out"}
+              <dt class="transactions-list__term">Fee</dt>
+              <dd class="transactions-list__datum">
+                {feeFormatter(transaction.fee)}
+                <span class="transactions-list__ticker">Dusk</span>
+              </dd>
+            {/if}
+          </dl>
+        {/each}
+      {:else}
+        <div class="transactions-list__empty">
+          <Icon path={mdiContain} size="large" />
+          <p>You have no transaction history</p>
+        </div>
+      {/if}
+    </svelte:fragment>
+  </Suspense>
 </article>
 
-<Tooltip id="transactions-tooltip"/>
-
 <style lang="postcss">
-.transactions {
-	border-radius: 1.25em;
-	background: var(--surface-color);
-
-	&__header {
-		padding: 1.375em 1em;
-		& :global(h3) {
-			line-height: 150%;
-		}
-	}
-
-	&__lists {
-		display: flex;
-		flex-direction: column;
-		gap: 0.625em;
-	}
-
-	&__footer {
-		display: flex;
-		padding: 1em 1.375em;
-		justify-content: space-between;
-		gap: 0.625em;
-	}
-}
-
-.transactions-list {
-	display: grid;
-	grid-template-columns: max-content auto;
-
-	&__term {
-		background-color: var(--background-color-alt);
-		grid-column: 1;
-		line-height: 130%;
-		text-transform: capitalize;
-		padding: .3125em .625em .3125em 1.375em;
-	}
-
-	&__datum {
-		grid-column: 2;
-		line-height: 150%;
-		padding: .312em .625em;
-		display: flex;
-		align-items: center;
-		gap: 0.625em;
-		font-family: var(--mono-font-family);
-		overflow: hidden;
-
-		& samp {
-			display: block;
-			white-space: nowrap;
-			overflow: hidden;
-		}
-
-		&--hash {
-			justify-content: center;
-		}
-	}
-
-	&__empty {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 0.5em;
-	}
-
-	:global(&__badge) {
-		flex: 1;
-	}
-
-	& dt:first-of-type, & dd:first-of-type {
-		padding-top: 1em;
-	}
-
-	& dt:last-of-type, & dd:last-of-type {
-		padding-bottom: 1em;
-	}
-
-	& dt:first-of-type {
-		border-top-right-radius: 2em;
-	}
-
-	& dt:last-of-type {
-		border-bottom-right-radius: 2em;
-	}
-}
+  .transactions {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding-top: 1.375em;
+
+    &__header {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 1rem;
+      gap: 0.625rem;
+      flex-wrap: wrap;
+
+      & :global(h3) {
+        line-height: 150%;
+      }
+    }
+  }
+
+  :global {
+    .transactions-list {
+      display: grid;
+      grid-template-columns: max-content auto;
+      width: 100%;
+
+      &__term {
+        background-color: var(--background-color-alt);
+        grid-column: 1;
+        line-height: 130%;
+        text-transform: capitalize;
+        padding: 0.3125em 0.625em 0.3125em 1.375em;
+      }
+
+      &__ticker {
+        text-transform: uppercase;
+      }
+
+      &__loading-container {
+        margin: 1.25em 0;
+      }
+
+      &__datum {
+        grid-column: 2;
+        line-height: 150%;
+        padding: 0.312em 0.625em;
+        display: flex;
+        align-items: center;
+        gap: 0.625em;
+        font-family: var(--mono-font-family);
+        overflow: hidden;
+
+        & samp {
+          display: block;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+
+        &--hash {
+          justify-content: center;
+        }
+      }
+
+      &__empty {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.5em;
+        margin: 1.25em 0;
+      }
+
+      &__badge {
+        flex: 1;
+      }
+
+      & dt:first-of-type,
+      & dd:first-of-type {
+        padding-top: 1em;
+      }
+
+      & dt:last-of-type,
+      & dd:last-of-type {
+        padding-bottom: 1em;
+      }
+
+      & dt:first-of-type {
+        border-top-right-radius: 2em;
+      }
+
+      & dt:last-of-type {
+        border-bottom-right-radius: 2em;
+      }
+    }
+  }
 </style>
diff --git a/src/lib/components/__tests__/AddressPicker.spec.js b/src/lib/components/__tests__/AddressPicker.spec.js
index 3179b163..011d757d 100644
--- a/src/lib/components/__tests__/AddressPicker.spec.js
+++ b/src/lib/components/__tests__/AddressPicker.spec.js
@@ -1,44 +1,457 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
 
-import { addresses } from "$lib/mock-data";
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
+import { getAsHTMLElement } from "$lib/dusk/test-helpers";
 
 import { AddressPicker } from "..";
 
-global.ResizeObserver = vi.fn().mockImplementation(() => ({
-	observe: vi.fn(),
-	unobserve: vi.fn(),
-	disconnect: vi.fn()
+// Mock the toast module
+vi.mock("$lib/dusk/components/Toast/store", () => ({
+  toast: vi.fn(),
 }));
 
+import { toast } from "$lib/dusk/components/Toast/store";
+
 describe("AddressPicker", () => {
-	const currentAddress = addresses[0];
+  const { currentProfile, profiles } = get(mockedWalletStore);
+
+  const props = { currentProfile, profiles };
+
+  beforeEach(() => {
+    Object.assign(navigator, {
+      clipboard: {
+        writeText: vi.fn().mockResolvedValue(undefined),
+      },
+    });
+    vi.clearAllMocks();
+  });
+
+  afterEach(cleanup);
+
+  it("renders the AddressPicker component", () => {
+    const { container } = render(AddressPicker, props);
+
+    expect(container.firstElementChild).toMatchSnapshot();
+  });
+
+  it("should be able to render the component if the current profile is `null`", () => {
+    const { container } = render(AddressPicker, {
+      ...props,
+      currentProfile: null,
+    });
+
+    expect(container.firstElementChild).toMatchSnapshot();
+  });
+
+  describe("Multiple Profiles Functionality", () => {
+    it("should show dropdown when enableMultipleProfiles is true and trigger is clicked", async () => {
+      const { container } = render(AddressPicker, props);
+
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      expect(trigger).toHaveAttribute("role", "button");
+      expect(trigger).toHaveAttribute("tabindex", "0");
+
+      // Should have chevron icon
+      expect(container.querySelector(".address-picker__chevron")).toBeTruthy();
+
+      // Initially dropdown should be closed
+      expect(container.querySelector(".address-picker__drop-down")).toBeNull();
+
+      // Click to open dropdown
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Dropdown should now be visible
+      expect(
+        container.querySelector(".address-picker__drop-down")
+      ).toBeTruthy();
+    });
+
+    it("should dispatch setCurrentProfile event when a profile is selected", async () => {
+      const { container, component } = render(AddressPicker, props);
+
+      const mockHandler = vi.fn();
+      component.$on("setCurrentProfile", mockHandler);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Click on a profile option
+      const profileOptions = container.querySelectorAll(
+        ".address-picker__profile-button"
+      );
+      expect(profileOptions.length).toBeGreaterThan(0);
+
+      if (profileOptions.length > 0) {
+        await fireEvent.click(profileOptions[0]);
+      }
+
+      expect(mockHandler).toHaveBeenCalledTimes(1);
+      expect(mockHandler).toHaveBeenCalledWith(
+        expect.objectContaining({
+          detail: expect.objectContaining({
+            profile: expect.any(Object),
+          }),
+        })
+      );
+    });
+
+    it("should close dropdown after profile selection", async () => {
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Verify dropdown is open
+      expect(
+        container.querySelector(".address-picker__drop-down")
+      ).toBeTruthy();
+
+      // Click on a profile option
+      const profileOptions = container.querySelectorAll(
+        ".address-picker__profile-button"
+      );
+      if (profileOptions.length > 0) {
+        await fireEvent.click(profileOptions[0]);
+      }
+
+      // Dropdown should be closed
+      expect(container.querySelector(".address-picker__drop-down")).toBeNull();
+    });
+
+    it("should handle keyboard navigation", async () => {
+      const { container } = render(AddressPicker, props);
+
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+
+      // Test Enter key to open dropdown
+      if (trigger) {
+        await fireEvent.keyDown(trigger, { key: "Enter" });
+      }
+      expect(
+        container.querySelector(".address-picker__drop-down")
+      ).toBeTruthy();
+
+      // Test Escape key to close dropdown
+      if (trigger) {
+        await fireEvent.keyDown(trigger, { key: "Escape" });
+      }
+      expect(container.querySelector(".address-picker__drop-down")).toBeNull();
+
+      // Test Space key to open dropdown
+      if (trigger) {
+        await fireEvent.keyDown(trigger, { key: " " });
+      }
+      expect(
+        container.querySelector(".address-picker__drop-down")
+      ).toBeTruthy();
+
+      // Test ArrowDown key when closed
+      if (trigger) {
+        await fireEvent.keyDown(trigger, { key: "Escape" }); // Close first
+        await fireEvent.keyDown(trigger, { key: "ArrowDown" });
+      }
+      expect(
+        container.querySelector(".address-picker__drop-down")
+      ).toBeTruthy();
+    });
+
+    it("should show all profiles in the dropdown list", async () => {
+      // Use the first two profiles from the existing profiles array
+      const testProfiles = profiles.slice(0, 2);
+
+      const { container } = render(AddressPicker, {
+        ...props,
+        currentProfile: testProfiles[0],
+        profiles: testProfiles,
+      });
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Check that all profiles are listed
+      const profileOptions = container.querySelectorAll(
+        ".address-picker__profile-button"
+      );
+      expect(profileOptions).toHaveLength(testProfiles.length);
+
+      // Check that current profile is marked as selected
+      const selectedProfile = container.querySelector(
+        ".address-picker__profile--selected"
+      );
+      expect(selectedProfile).toBeTruthy();
+    });
+
+    it("should handle edge case with single profile", async () => {
+      const singleProfile = [profiles[0]];
+
+      const { container } = render(AddressPicker, {
+        ...props,
+        currentProfile: singleProfile[0],
+        profiles: singleProfile,
+      });
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Should show one profile option
+      const profileOptions = container.querySelectorAll(
+        ".address-picker__profile-button"
+      );
+      expect(profileOptions).toHaveLength(1);
+    });
+  });
+
+  describe("Copy Address Functionality", () => {
+    beforeEach(() => {
+      // Reset clipboard mock for each test
+      Object.assign(navigator, {
+        clipboard: {
+          writeText: vi.fn().mockResolvedValue(undefined),
+        },
+      });
+    });
+
+    it("should show copy buttons for each profile's public and shielded addresses", async () => {
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Should have copy button containers for each profile
+      const copyButtonContainers = container.querySelectorAll(
+        ".address-picker__copy-buttons"
+      );
+      expect(copyButtonContainers).toHaveLength(profiles.length);
+
+      // Each container should have 2 copy buttons (public and shielded)
+      copyButtonContainers.forEach((buttonContainer) => {
+        const copyButtons = buttonContainer.querySelectorAll(
+          ".address-picker__copy-button"
+        );
+        expect(copyButtons).toHaveLength(2);
+      });
+    });
+
+    it("should copy public address when first copy button is clicked", async () => {
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Get the first profile's first copy button (public address)
+      const firstCopyButton = container.querySelector(
+        ".address-picker__copy-button"
+      );
+      expect(firstCopyButton).toBeTruthy();
+
+      if (firstCopyButton) {
+        await fireEvent.click(firstCopyButton);
+      }
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        profiles[0].account.toString()
+      );
+    });
+
+    it("should copy shielded address when second copy button is clicked", async () => {
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Get the first profile's second copy button (shielded address)
+      const copyButtons = container.querySelectorAll(
+        ".address-picker__copy-button"
+      );
+      expect(copyButtons.length).toBeGreaterThan(1);
+
+      const secondCopyButton = copyButtons[1];
+      if (secondCopyButton) {
+        await fireEvent.click(secondCopyButton);
+      }
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
+      expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+        profiles[0].address.toString()
+      );
+    });
+
+    it("should handle clipboard errors gracefully", async () => {
+      const mockToast = vi.mocked(toast);
+      const clipboardError = new Error("Clipboard access denied");
+      clipboardError.name = "NotAllowedError";
+
+      Object.assign(navigator, {
+        clipboard: {
+          writeText: vi.fn().mockRejectedValue(clipboardError),
+        },
+      });
+
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Click first copy button
+      const firstCopyButton = container.querySelector(
+        ".address-picker__copy-button"
+      );
+      expect(firstCopyButton).toBeTruthy();
+
+      if (firstCopyButton) {
+        await fireEvent.click(firstCopyButton);
+      }
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
+      expect(mockToast).toHaveBeenCalledWith(
+        "error",
+        "Clipboard access denied",
+        expect.any(String)
+      );
+    });
+
+    it("should show success toast when copy is successful", async () => {
+      const mockToast = vi.mocked(toast);
+
+      const { container } = render(AddressPicker, props);
+
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
+
+      // Click first copy button
+      const firstCopyButton = container.querySelector(
+        ".address-picker__copy-button"
+      );
+      expect(firstCopyButton).toBeTruthy();
+
+      if (firstCopyButton) {
+        await fireEvent.click(firstCopyButton);
+      }
+
+      expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
+      expect(mockToast).toHaveBeenCalledWith(
+        "success",
+        "Address copied",
+        expect.any(String)
+      );
+    });
+  });
+
+  describe("Profile Display", () => {
+    it("should display profile header with correct format", async () => {
+      const { container } = render(AddressPicker, props);
+      const trigger = getAsHTMLElement(container, ".address-picker__trigger");
+
+      expect(trigger).toBeInTheDocument();
+
+      await fireEvent.click(trigger);
+
+      // Check profile headers
+      const profileHeaders = container.querySelectorAll(
+        ".address-picker__profile-header"
+      );
+
+      expect(currentProfile).toBe(profiles[0]);
+      expect(profileHeaders).toHaveLength(profiles.length);
+      expect(profileHeaders[0]).toHaveTextContent("Profile 1");
+      expect(profileHeaders[0]).toHaveTextContent("(Current)");
+    });
+
+    it("should display both public and shielded addresses with proper labels", async () => {
+      const { container } = render(AddressPicker, props);
 
-	const props = { currentAddress, addresses };
+      // Open dropdown
+      const trigger = container.querySelector(".address-picker__trigger");
+      expect(trigger).toBeTruthy();
+      if (trigger) {
+        await fireEvent.click(trigger);
+      }
 
-	beforeEach(() => {
-		Object.assign(navigator, {
-			clipboard: {
-				writeText: vi.fn().mockResolvedValue(undefined)
-			}
-		});
-	});
+      // Check address labels
+      const publicLabels = container.querySelectorAll(
+        ".address-picker__address-label"
+      );
 
-	afterEach(cleanup);
+      // Should have both Public and Shielded labels for each profile
+      const publicLabelTexts = Array.from(publicLabels).map(
+        (label) => label.textContent
+      );
+      expect(publicLabelTexts).toContain("Public Account");
+      expect(publicLabelTexts).toContain("Shielded Account");
+    });
 
-	it("renders the AddressPicker component", () => {
-		const { container } = render(AddressPicker, props);
+    it("should show current profile with proper display format", () => {
+      const { container } = render(AddressPicker, props);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+      const currentProfileDisplay = container.querySelector(
+        ".address-picker__current-profile"
+      );
+      expect(currentProfileDisplay).toBeTruthy();
 
-	it("copies the current address on Copy button click", async () => {
-		const { getByRole } = render(AddressPicker, props);
+      // Should show "Profile X (Default)" format for first profile or "Profile X" for others
+      const profileIndex = profiles.indexOf(currentProfile) + 1;
+      const expectedText =
+        profileIndex === 1
+          ? `Profile ${profileIndex} (Default)`
+          : `Profile ${profileIndex}`;
 
-		const component = getByRole("button", { name: "Copy Address" });
+      expect(currentProfileDisplay).toHaveTextContent(expectedText);
+    });
 
-		await fireEvent.click(component);
+    it("should handle null currentProfile gracefully", () => {
+      const { container } = render(AddressPicker, {
+        ...props,
+        currentProfile: null,
+      });
 
-		expect(navigator.clipboard.writeText).toHaveBeenCalledWith(currentAddress);
-	});
+      const currentProfileDisplay = container.querySelector(
+        ".address-picker__current-profile"
+      );
+      expect(currentProfileDisplay).toBeTruthy();
+      expect(currentProfileDisplay).toHaveTextContent("No profile selected");
+    });
+  });
 });
diff --git a/src/lib/components/__tests__/AppAnchor.spec.js b/src/lib/components/__tests__/AppAnchor.spec.js
new file mode 100644
index 00000000..72c1d141
--- /dev/null
+++ b/src/lib/components/__tests__/AppAnchor.spec.js
@@ -0,0 +1,76 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { base } from "$app/paths";
+
+import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
+
+import { AppAnchor } from "..";
+
+describe("AppAnchor", () => {
+  const baseProps = {
+    className: "foo bar",
+    href: "/setup",
+    id: "some-id",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should render an `Anchor` with the base path prepended to the `href` attribute, if the `href` represents an absolute URL", () => {
+    const renderA = renderWithSimpleContent(AppAnchor, baseOptions);
+    const anchorA = renderA.getByRole("link");
+
+    expect(renderA.container.firstChild).toMatchSnapshot();
+    expect(anchorA).toHaveAttribute("href", `${base}${baseProps.href}`);
+    expect(anchorA).toHaveClass("foo bar");
+    expect(anchorA).toHaveAttribute("id", baseProps.id);
+
+    cleanup();
+
+    const renderB = renderWithSimpleContent(AppAnchor, {
+      ...baseOptions,
+      props: { ...baseProps, href: "/" },
+    });
+    const anchorB = renderB.getByRole("link");
+
+    expect(anchorB).toHaveAttribute("href", `${base}/`);
+    expect(anchorB).toHaveClass("foo bar");
+    expect(anchorB).toHaveAttribute("id", baseProps.id);
+  });
+
+  it("should leave the `Anchor` as it is if the `href` points to a relative path", () => {
+    const { getByRole } = renderWithSimpleContent(AppAnchor, {
+      ...baseOptions,
+      props: { ...baseProps, href: "foo/bar" },
+    });
+
+    expect(getByRole("link")).toHaveAttribute("href", "foo/bar");
+  });
+
+  it("should leave the `Anchor` as it is if the `href` points to an external URL", () => {
+    const href = "http://example.com";
+    const { getByRole } = renderWithSimpleContent(AppAnchor, {
+      ...baseOptions,
+      props: { ...baseProps, href },
+    });
+
+    expect(getByRole("link")).toHaveAttribute("href", href);
+  });
+
+  it("should forward the `onclick` event to the `Anchor`", async () => {
+    const handler = vi.fn();
+    const { component, getByRole } = render(AppAnchor, {
+      ...baseProps,
+      href: "#",
+    });
+
+    component.$on("click", handler);
+
+    await fireEvent.click(getByRole("link"));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/src/lib/components/__tests__/AppAnchorButton.spec.js b/src/lib/components/__tests__/AppAnchorButton.spec.js
new file mode 100644
index 00000000..53013383
--- /dev/null
+++ b/src/lib/components/__tests__/AppAnchorButton.spec.js
@@ -0,0 +1,66 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { base } from "$app/paths";
+
+import { AppAnchorButton } from "..";
+
+describe("AppAnchorButton", () => {
+  const baseProps = {
+    className: "foo bar",
+    href: "/setup",
+    id: "some-id",
+  };
+
+  afterEach(cleanup);
+
+  it("should render an `AnchorButton` with the base path prepended to the `href` attribute, if the `href` represents an absolute URL", async () => {
+    const { container, getByRole, rerender } = render(
+      AppAnchorButton,
+      baseProps
+    );
+    const anchorA = getByRole("link");
+
+    expect(container.firstChild).toMatchSnapshot();
+    expect(anchorA).toHaveAttribute("href", `${base}${baseProps.href}`);
+    expect(anchorA).toHaveClass("foo bar");
+    expect(anchorA).toHaveAttribute("id", baseProps.id);
+
+    await rerender({ ...baseProps, href: "/" });
+
+    const anchorB = getByRole("link");
+
+    expect(anchorB).toHaveAttribute("href", `${base}/`);
+    expect(anchorB).toHaveClass("foo bar");
+    expect(anchorB).toHaveAttribute("id", baseProps.id);
+  });
+
+  it("should leave the `AnchorButton` as it is if the `href` points to a relative path", () => {
+    const { getByRole } = render(AppAnchorButton, {
+      ...baseProps,
+      href: "foo/bar",
+    });
+
+    expect(getByRole("link")).toHaveAttribute("href", "foo/bar");
+  });
+
+  it("should leave the `AnchorButton` as it is if the `href` points to an external URL", () => {
+    const href = "http://example.com";
+    const { getByRole } = render(AppAnchorButton, { ...baseProps, href });
+
+    expect(getByRole("link")).toHaveAttribute("href", href);
+  });
+
+  it("should forward the `onclick` event to the `AnchorButton`", async () => {
+    const handler = vi.fn();
+    const { component, getByRole } = render(AppAnchorButton, {
+      ...baseProps,
+      href: "#",
+    });
+
+    component.$on("click", handler);
+
+    await fireEvent.click(getByRole("link"));
+
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/src/lib/components/__tests__/AppImage.spec.js b/src/lib/components/__tests__/AppImage.spec.js
new file mode 100644
index 00000000..4adea218
--- /dev/null
+++ b/src/lib/components/__tests__/AppImage.spec.js
@@ -0,0 +1,53 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import { base } from "$app/paths";
+
+import { AppImage } from "..";
+
+describe("AppImage", () => {
+  const baseProps = {
+    alt: "Some alternative text",
+    className: "foo bar",
+    height: "600",
+    src: "/images/some-image.jpg",
+    width: "800",
+  };
+
+  afterEach(cleanup);
+
+  it("should render an HTML image forwarding all attributes but with the base path prepended to the `src` if it's an absolute URL", async () => {
+    const { container, getByRole, rerender } = render(AppImage, baseProps);
+    const imgA = getByRole("img");
+
+    expect(container.firstChild).toMatchSnapshot();
+    expect(imgA).toHaveAttribute("alt", baseProps.alt);
+    expect(imgA).toHaveClass("foo bar");
+    expect(imgA).toHaveAttribute("height", baseProps.height);
+    expect(imgA).toHaveAttribute("src", `${base}${baseProps.src}`);
+    expect(imgA).toHaveAttribute("width", baseProps.width);
+
+    await rerender({ ...baseProps, className: "baz", src: "/" });
+
+    const imgB = getByRole("img");
+
+    expect(imgB).toHaveAttribute("alt", baseProps.alt);
+    expect(imgB).toHaveClass("baz");
+    expect(imgB).toHaveAttribute("height", baseProps.height);
+    expect(imgB).toHaveAttribute("src", `${base}/`);
+    expect(imgB).toHaveAttribute("width", baseProps.width);
+  });
+
+  it("shouldn't touch the src attribute if it represents a relative path", () => {
+    const src = "images/some-image.jpg";
+    const { getByRole } = render(AppImage, { ...baseProps, src });
+
+    expect(getByRole("img")).toHaveAttribute("src", src);
+  });
+
+  it("shoudn't touch the `src` attribute if it points to an external URL", () => {
+    const src = "http://example.com/some-image.jpg";
+    const { getByRole } = render(AppImage, { ...baseProps, src });
+
+    expect(getByRole("img")).toHaveAttribute("src", src);
+  });
+});
diff --git a/src/lib/components/__tests__/Balance.spec.js b/src/lib/components/__tests__/Balance.spec.js
index 977ed971..783f7d3a 100644
--- a/src/lib/components/__tests__/Balance.spec.js
+++ b/src/lib/components/__tests__/Balance.spec.js
@@ -1,33 +1,116 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
+import { skipIn } from "lamb";
 import { Balance } from "..";
 
 describe("Balance", () => {
-	const baseProps = { token: 2000000, fiat: 100000, fiatCurrency: "USD", tokenCurrency: "DUSK" };
-	const baseOptions = {
-		props: baseProps
-	};
+  const baseProps = {
+    fiatCurrency: "USD",
+    fiatPrice: 10,
+    locale: "en",
+    shieldedAmount: 1_000_000n,
+    tokenCurrency: "DUSK",
+    unshieldedAmount: 2_000_000n,
+  };
 
-	afterEach(cleanup);
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	it("renders the Balance component", () => {
-		const { container } = render(Balance, baseOptions);
+  afterEach(cleanup);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("renders the Balance component", () => {
+    const { container } = render(Balance, baseOptions);
 
-	it("should update the Balance component when the props change", () => {
-		const { container, rerender } = render(Balance, baseOptions);
+    expect(
+      container.querySelector(".dusk-balance__usage-details")
+    ).toBeInTheDocument();
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
+  it("should update the Balance component when the props change", async () => {
+    const { container, rerender } = render(Balance, baseOptions);
 
-		rerender({ token: 4000000, fiat: 200000, tokenCurrency: "DUSK", fiatCurrency: "USD" });
+    expect(container.firstChild).toMatchSnapshot();
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    await rerender({
+      fiatCurrency: "EUR",
+      fiatPrice: 20,
+      locale: "it",
+      shieldedAmount: 500_000n,
+      tokenCurrency: "DUSK",
+      unshieldedAmount: 2_500_000n,
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should display the right percentage values", async () => {
+    const { container } = render(Balance, baseOptions);
+
+    // Check if public percentage displays as 66.67%
+    expect(
+      container.querySelector(
+        ".dusk-balance__account:first-child .dusk-balance__percentage"
+      )?.textContent
+    ).toContain("66.67%");
+
+    // Check if shielded percentage displays as 33.33%
+    expect(
+      container.querySelector(
+        ".dusk-balance__account:last-child .dusk-balance__percentage"
+      )?.textContent
+    ).toContain("33.33%");
+  });
+
+  it("should display the right percentage values when balance is zero", async () => {
+    const options = {
+      ...baseOptions,
+      props: { ...baseProps, shieldedAmount: 0n, unshieldedAmount: 0n },
+    };
+
+    const { container } = render(Balance, options);
+
+    expect(
+      container.querySelector(
+        ".dusk-balance__account:first-child .dusk-balance__percentage"
+      )?.textContent
+    ).toContain("0%");
+
+    expect(
+      container.querySelector(
+        ".dusk-balance__account:last-child .dusk-balance__percentage"
+      )?.textContent
+    ).toContain("0%");
+  });
+
+  it("should pass additional class names and attributes to the rendered element", async () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "balance",
+    };
+    const { container, rerender } = render(Balance, { ...baseOptions, props });
+
+    expect(container.firstChild).toHaveClass("foo bar");
+    expect(container.firstChild).toHaveAttribute("id", "balance");
+
+    await rerender({
+      ...props,
+      className: "qux",
+      id: "new-balance",
+    });
+
+    expect(container.firstChild).toHaveClass("qux");
+    expect(container.firstChild).toHaveAttribute("id", "new-balance");
+  });
+
+  it("should not display the fiat value if the fiat price is `undefined`", () => {
+    const props = skipIn(baseProps, ["fiatPrice"]);
+    const { container } = render(Balance, { ...baseOptions, props });
+
+    expect(container.querySelector(".dusk-balance__fiat--visible")).toBeNull();
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/components/__tests__/BigIntInput.spec.js b/src/lib/components/__tests__/BigIntInput.spec.js
new file mode 100644
index 00000000..4d6aec4f
--- /dev/null
+++ b/src/lib/components/__tests__/BigIntInput.spec.js
@@ -0,0 +1,64 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { BigIntInput } from "..";
+
+describe("BigIntInput", () => {
+  afterEach(cleanup);
+
+  it("initializes with the correct value", () => {
+    const { getByDisplayValue } = render(BigIntInput, { value: 123n });
+    const input = getByDisplayValue("123");
+
+    expect(input).toBeInTheDocument();
+  });
+
+  it("changes the value on valid input", async () => {
+    const { getByDisplayValue, component } = render(BigIntInput, {
+      value: 123n,
+    });
+    const input = getByDisplayValue("123");
+
+    let updatedValue;
+    component.$on("change", (event) => {
+      updatedValue = event.detail;
+    });
+
+    await fireEvent.input(input, { target: { value: "456" } });
+
+    expect(input).toHaveValue("456");
+    expect(updatedValue).toBe(456n);
+  });
+
+  it("does not accept invalid input", async () => {
+    const { getByDisplayValue } = render(BigIntInput, { value: 123n });
+    const input = getByDisplayValue("123");
+
+    await fireEvent.input(input, { target: { value: "a" } });
+
+    expect(input).toHaveValue("123");
+  });
+
+  it("emits an error event when the input is a valid number that can be converted to a BigInt but exceed the limits", async () => {
+    const errorHandler = vi.fn();
+    const { getByDisplayValue, component } = render(BigIntInput, {
+      maxValue: 10n,
+      minValue: 1n,
+      value: 2n,
+    });
+    const input = getByDisplayValue("2");
+
+    component.$on("error", errorHandler);
+
+    await fireEvent.input(input, { target: { value: "11" } });
+
+    expect(input).toHaveValue("11");
+    expect(errorHandler).toHaveBeenCalledTimes(1);
+    expect(errorHandler).toHaveBeenCalledWith(expect.any(Event));
+
+    await fireEvent.input(input, { target: { value: "0" } });
+
+    expect(input).toHaveValue("0");
+    expect(errorHandler).toHaveBeenCalledTimes(2);
+    expect(errorHandler).toHaveBeenCalledWith(expect.any(Event));
+  });
+});
diff --git a/src/lib/components/__tests__/ContractOperations.spec.js b/src/lib/components/__tests__/ContractOperations.spec.js
index aecb2b21..b9dd5231 100644
--- a/src/lib/components/__tests__/ContractOperations.spec.js
+++ b/src/lib/components/__tests__/ContractOperations.spec.js
@@ -1,95 +1,93 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import {
-	cleanup,
-	fireEvent,
-	render
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
 
 import { ContractOperations } from "..";
 
 describe("ContractOperations", () => {
-	const baseProps = {
-		items: [{
-			disabled: false,
-			id: "send",
-			label: "Send",
-			primary: true
-		}, {
-			disabled: false,
-			id: "receive",
-			label: "Receive",
-			primary: false
-		}, {
-			disabled: true,
-			id: "stake",
-			label: "stake",
-			primary: true
-		}, {
-			disabled: false,
-			id: "withdraw-stake",
-			label: "withdraw stake",
-			primary: false
-		}, {
-			disabled: false,
-			id: "withdraw-rewards",
-			label: "withdraw rewards",
-			primary: false
-		}]
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  const baseProps = {
+    items: [
+      {
+        disabled: false,
+        id: "send",
+        label: "Send",
+        primary: true,
+      },
+      {
+        disabled: false,
+        id: "receive",
+        label: "Receive",
+        primary: false,
+      },
+      {
+        disabled: true,
+        id: "stake",
+        label: "stake",
+        primary: true,
+      },
+      {
+        disabled: false,
+        id: "unstake",
+        label: "unstake",
+        primary: false,
+      },
+      {
+        disabled: false,
+        id: "claim-rewards",
+        label: "claim rewards",
+        primary: false,
+      },
+    ],
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("should render the `ContractOperations` component", () => {
-		const { container } = render(ContractOperations, baseOptions);
+  it("should render the `ContractOperations` component", () => {
+    const { container } = render(ContractOperations, baseOptions);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should be able to render the component without items", () => {
-		const props = {
-			...baseProps,
-			items: []
-		};
-		const { container } = render(ContractOperations, { ...baseOptions, props });
+  it("should be able to render the component without items", () => {
+    const props = {
+      ...baseProps,
+      items: [],
+    };
+    const { container } = render(ContractOperations, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should use a default icon if the operation is not on the known list", () => {
-		const props = {
-			...baseProps,
-			items: [{
-				disabled: false,
-				id: "foo-operation",
-				label: "Foo operation",
-				primary: true
-			}]
-		};
-		const { container } = render(ContractOperations, { ...baseOptions, props });
+  it("should use a default icon if the operation is not on the known list", () => {
+    const props = {
+      ...baseProps,
+      items: [
+        {
+          disabled: false,
+          id: "foo-operation",
+          label: "Foo operation",
+          primary: true,
+        },
+      ],
+    };
+    const { container } = render(ContractOperations, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should dispatch a \"operationChange\" event when a operation button is clicked", () => {
-		const handleOperationChange = vi.fn();
-		const { component, getByRole } = render(ContractOperations, baseOptions);
-		const btnReceive = getByRole("button", { name: "Receive" });
+  it('should dispatch a "operationChange" event when a operation button is clicked', () => {
+    const handleOperationChange = vi.fn();
+    const { component, getByRole } = render(ContractOperations, baseOptions);
+    const btnReceive = getByRole("button", { name: "Receive" });
 
-		component.$on("operationChange", handleOperationChange);
+    component.$on("operationChange", handleOperationChange);
 
-		fireEvent.click(btnReceive);
+    fireEvent.click(btnReceive);
 
-		expect(handleOperationChange).toHaveBeenCalledTimes(1);
-		expect(handleOperationChange.mock.lastCall[0].detail).toBe("receive");
-	});
+    expect(handleOperationChange).toHaveBeenCalledTimes(1);
+    expect(handleOperationChange.mock.lastCall?.[0].detail).toBe("receive");
+  });
 });
diff --git a/src/lib/components/__tests__/ContractStatusesList.spec.js b/src/lib/components/__tests__/ContractStatusesList.spec.js
index bccd05e5..e4a0ff43 100644
--- a/src/lib/components/__tests__/ContractStatusesList.spec.js
+++ b/src/lib/components/__tests__/ContractStatusesList.spec.js
@@ -1,46 +1,48 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { ContractStatusesList } from "..";
 
 describe("ContractStatusesList", () => {
-	const baseProps = {
-		items: [{
-			"label": "Spendable",
-			"value": "99,899.999724165"
-		}, {
-			"label": "Total Locked",
-			"value": "1,000.000000000"
-		}, {
-			"label": "Rewards",
-			"value": "99,288.000000000"
-		}]
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  const baseProps = {
+    statuses: [
+      {
+        label: "Spendable",
+        value: "99,899.999724165",
+      },
+      {
+        label: "Total Locked",
+        value: "1,000.000000000",
+      },
+      {
+        label: "Rewards",
+        value: "99,288.000000000",
+      },
+    ],
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("should render the `ContractStatusesList` component", () => {
-		const { container } = render(ContractStatusesList, baseOptions);
+  it("should render the `ContractStatusesList` component", () => {
+    const { container } = render(ContractStatusesList, baseOptions);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should be able to render the component without items", () => {
-		const props = {
-			...baseProps,
-			items: []
-		};
-		const { container } = render(ContractStatusesList, { ...baseOptions, props });
+  it("should be able to render the component without items", () => {
+    const props = {
+      ...baseProps,
+      statuses: [],
+    };
+    const { container } = render(ContractStatusesList, {
+      ...baseOptions,
+      props,
+    });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/components/__tests__/CopyField.spec.js b/src/lib/components/__tests__/CopyField.spec.js
new file mode 100644
index 00000000..af5a8a65
--- /dev/null
+++ b/src/lib/components/__tests__/CopyField.spec.js
@@ -0,0 +1,65 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { CopyField } from "..";
+
+Object.assign(navigator, {
+  clipboard: {
+    writeText: vi.fn().mockResolvedValue(""),
+  },
+});
+
+describe("CopyField", () => {
+  const baseProps = {
+    disabled: false,
+    displayValue: "1,234,567",
+    name: "Sample Information",
+    rawValue: "1234567",
+  };
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("renders the CopyField component", () => {
+    const { container } = render(CopyField, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(CopyField, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the CopyField component with the copy button disabled", () => {
+    const { container, getByRole } = render(CopyField, {
+      ...baseOptions,
+      props: { ...baseProps, disabled: true },
+    });
+
+    const copyButton = getByRole("button");
+
+    expect(copyButton).toBeDisabled();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("copies the raw value on pressing the copy button", async () => {
+    const { getByRole } = render(CopyField, baseOptions);
+
+    const copyButton = getByRole("button");
+
+    await fireEvent.click(copyButton);
+
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith("1234567");
+  });
+});
diff --git a/src/lib/components/__tests__/DashboardNav.spec.js b/src/lib/components/__tests__/DashboardNav.spec.js
new file mode 100644
index 00000000..9a5cbf00
--- /dev/null
+++ b/src/lib/components/__tests__/DashboardNav.spec.js
@@ -0,0 +1,86 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import { DashboardNav } from "..";
+import { mdiPlusBoxOutline, mdiSwapHorizontal, mdiTimerSand } from "@mdi/js";
+
+describe("DashboardNav", () => {
+  const baseProps = {
+    items: [
+      {
+        href: "#",
+        id: "item-1",
+        label: "Something",
+      },
+      {
+        href: "#",
+        icons: [],
+        id: "item-2",
+        label: "Send",
+      },
+      {
+        href: "#",
+        icons: [{ path: mdiTimerSand }],
+        id: "item-3",
+        label: "Receive",
+      },
+      {
+        href: "#",
+        icons: [
+          { path: mdiTimerSand },
+          { path: mdiSwapHorizontal },
+          { path: mdiPlusBoxOutline },
+        ],
+        id: "item-4",
+        label: "Stake",
+      },
+    ],
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("renders the DashboardNav component", () => {
+    const { container } = render(DashboardNav, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should not display icons if the item's icons array is undefined", () => {
+    const { container } = render(DashboardNav, baseProps);
+
+    expect(
+      container.querySelector(
+        ".dashboard-nav > .dashboard-nav__item:nth-child(1) > .dashboard-nav__item-icons"
+      )
+    ).toBeNull();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should not display icons if the item's icon array is empty", () => {
+    const { container } = render(DashboardNav, baseProps);
+
+    expect(
+      container.querySelector(
+        ".dashboard-nav > .dashboard-nav__item:nth-child(2) > .dashboard-nav__item-icons"
+      )
+    ).toBeNull();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should display icons if the item's icon array is present", () => {
+    const { container } = render(DashboardNav, baseProps);
+
+    expect(
+      container.querySelector(
+        ".dashboard-nav > .dashboard-nav__item:nth-child(3) > .dashboard-nav__item-icons"
+      )
+    ).toBeTruthy();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/lib/components/__tests__/GasControls.spec.js b/src/lib/components/__tests__/GasControls.spec.js
index 8083d6d5..534dd079 100644
--- a/src/lib/components/__tests__/GasControls.spec.js
+++ b/src/lib/components/__tests__/GasControls.spec.js
@@ -1,15 +1,5 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import {
-	cleanup,
-	fireEvent,
-	render
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { GasControls } from "..";
 
 /**
@@ -17,197 +7,60 @@ import { GasControls } from "..";
  * @param {*} value
  * @returns {Promise<boolean>}
  */
-const fireInput = (input, value) => fireEvent.input(input, { target: { value } });
+const fireInput = (input, value) =>
+  fireEvent.input(input, { target: { value } });
 
 /** @param {HTMLElement} element */
-function asInput (element) {
-	// eslint-disable-next-line no-extra-parens
-	return /** @type {HTMLInputElement} */ (element);
-}
+const asInput = (element) => /** @type {HTMLInputElement} */ (element);
 
 describe("GasControls", () => {
-	const baseProps = {
-		limit: 20,
-		limitLower: 10,
-		limitUpper: 100,
-		price: 10,
-		priceLower: 1
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	const eventHandler = vi.fn();
-
-	afterEach(() => {
-		cleanup();
-		eventHandler.mockClear();
-	});
-
-	it("should render the `GasControls` component", () => {
-		const { container, getByLabelText } = render(GasControls, baseOptions);
-		const priceInput = asInput(getByLabelText(/price/i));
-		const limitInput = asInput(getByLabelText(/limit/i));
-
-		expect(priceInput.max).toBe(baseProps.limit.toString());
-		expect(priceInput.min).toBe(baseProps.priceLower.toString());
-		expect(limitInput.max).toBe(baseProps.limitUpper.toString());
-		expect(limitInput.min).toBe(baseProps.limitLower.toString());
-		expect(container).toMatchSnapshot();
-	});
-
-	it("should dispatch a \"setGasSettings\" event when the price or the limit are changed", async () => {
-		const { component, getByLabelText } = render(GasControls, baseOptions);
-		const priceInput = asInput(getByLabelText(/price/i));
-		const limitInput = asInput(getByLabelText(/limit/i));
-
-		component.$on("setGasSettings", eventHandler);
-
-		await fireInput(priceInput, 15);
-
-		expect(eventHandler).toHaveBeenCalledTimes(1);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limit,
-			price: 15
-		});
-		expect(priceInput.valueAsNumber).toBe(15);
-
-		await fireInput(limitInput, 25);
-
-		expect(eventHandler).toHaveBeenCalledTimes(2);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: 25,
-			price: 15
-		});
-		expect(limitInput.valueAsNumber).toBe(25);
-		expect(priceInput.max).toBe("25");
-	});
-
-	it("should convert the inputted price to integer, clamp it within its limits, dispatch the event and update the viewed value on blur", async () => {
-		const { component, getByLabelText } = render(GasControls, baseOptions);
-		const priceInput = asInput(getByLabelText(/price/i));
-		const expectedPrice1 = baseProps.priceLower;
-		const expectedPrice2 = baseProps.limit;
-
-		component.$on("setGasSettings", eventHandler);
-
-		await fireInput(priceInput, "foo");
-
-		expect(eventHandler).toHaveBeenCalledTimes(1);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limit,
-			price: expectedPrice1
-		});
-		expect(priceInput.valueAsNumber).toBeNaN();
-
-		await fireEvent.blur(priceInput);
-
-		expect(priceInput.valueAsNumber).toBe(expectedPrice1);
-
-		await fireInput(priceInput, 0);
-
-		expect(eventHandler).toHaveBeenCalledTimes(2);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limit,
-			price: expectedPrice1
-		});
-		expect(priceInput.valueAsNumber).toBe(0);
-
-		await fireEvent.blur(priceInput);
-
-		expect(priceInput.valueAsNumber).toBe(expectedPrice1);
-
-		await fireInput(priceInput, baseProps.limit * 2);
-
-		expect(eventHandler).toHaveBeenCalledTimes(3);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limit,
-			price: expectedPrice2
-		});
-		expect(priceInput.valueAsNumber).toBe(baseProps.limit * 2);
-
-		await fireEvent.blur(priceInput);
-
-		expect(priceInput.valueAsNumber).toBe(expectedPrice2);
-	});
-
-	it("should convert the inputted limit to integer, clamp it within its limits, dispatch the event and update the viewed value on blur", async () => {
-		const { component, getByLabelText } = render(GasControls, baseOptions);
-		const priceInput = asInput(getByLabelText(/price/i));
-		const limitInput = asInput(getByLabelText(/limit/i));
-		const expectedLimit1 = baseProps.limitLower;
-		const expectedLimit2 = baseProps.limitUpper;
-
-		component.$on("setGasSettings", eventHandler);
-
-		await fireInput(limitInput, "foo");
-
-		expect(eventHandler).toHaveBeenCalledTimes(1);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: expectedLimit1,
-			price: baseProps.price
-		});
-		expect(limitInput.valueAsNumber).toBeNaN();
-		expect(priceInput.max).toBe(expectedLimit1.toString());
-
-		await fireEvent.blur(limitInput);
-
-		expect(limitInput.valueAsNumber).toBe(expectedLimit1);
-
-		await fireInput(limitInput, 0);
-
-		expect(eventHandler).toHaveBeenCalledTimes(2);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: expectedLimit1,
-			price: baseProps.price
-		});
-		expect(limitInput.valueAsNumber).toBe(0);
-		expect(priceInput.max).toBe(expectedLimit1.toString());
-
-		await fireEvent.blur(limitInput);
-
-		expect(limitInput.valueAsNumber).toBe(expectedLimit1);
-
-		await fireInput(limitInput, baseProps.limitUpper * 2);
-
-		expect(eventHandler).toHaveBeenCalledTimes(3);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: expectedLimit2,
-			price: baseProps.price
-		});
-		expect(limitInput.valueAsNumber).toBe(baseProps.limitUpper * 2);
-		expect(priceInput.max).toBe(expectedLimit2.toString());
-
-		await fireEvent.blur(limitInput);
-
-		expect(limitInput.valueAsNumber).toBe(expectedLimit2);
-	});
-
-	it("should update the price value if a limit change makes it bigger than the limit", async () => {
-		const props = {
-			...baseProps,
-			limitLower: baseProps.price / 2
-		};
-		const { component, getByLabelText } = render(GasControls, { ...baseOptions, props });
-		const priceInput = asInput(getByLabelText(/price/i));
-		const limitInput = asInput(getByLabelText(/limit/i));
-
-		component.$on("setGasSettings", eventHandler);
-
-		await fireInput(limitInput, props.limitLower);
-
-		expect(eventHandler).toHaveBeenCalledTimes(1);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: props.limitLower,
-			price: props.limitLower
-		});
-		expect(limitInput.valueAsNumber).toBe(props.limitLower);
-		expect(priceInput.valueAsNumber).toBe(props.limitLower);
-		expect(priceInput.max).toBe(props.limitLower.toString());
-
-		await fireEvent.blur(limitInput);
-
-		expect(limitInput.valueAsNumber).toBe(props.limitLower);
-	});
+  const baseProps = {
+    limit: 20n,
+    limitLower: 10n,
+    limitUpper: 100n,
+    price: 10n,
+    priceLower: 1n,
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  const eventHandler = vi.fn();
+
+  afterEach(() => {
+    cleanup();
+    eventHandler.mockClear();
+  });
+
+  it("should render the `GasControls` component", () => {
+    const { container } = render(GasControls, baseOptions);
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should dispatch a "gasSettings" event when the price or the limit are changed', async () => {
+    const { component, getByLabelText } = render(GasControls, baseOptions);
+    const priceInput = asInput(getByLabelText(/price/i));
+    const limitInput = asInput(getByLabelText(/limit/i));
+
+    component.$on("gasSettings", eventHandler);
+
+    await fireInput(priceInput, 15);
+
+    expect(eventHandler).toHaveBeenCalledTimes(1);
+    expect(eventHandler.mock.lastCall?.[0].detail).toStrictEqual({
+      limit: baseProps.limit,
+      price: 15n,
+    });
+    expect(BigInt(priceInput.value)).toBe(15n);
+
+    await fireInput(limitInput, 25);
+
+    expect(eventHandler).toHaveBeenCalledTimes(2);
+    expect(eventHandler.mock.lastCall?.[0].detail).toStrictEqual({
+      limit: 25n,
+      price: 15n,
+    });
+    expect(BigInt(limitInput.value)).toBe(25n);
+  });
 });
diff --git a/src/lib/components/__tests__/GasFee.spec.js b/src/lib/components/__tests__/GasFee.spec.js
index 08a75a96..8662e561 100644
--- a/src/lib/components/__tests__/GasFee.spec.js
+++ b/src/lib/components/__tests__/GasFee.spec.js
@@ -1,31 +1,30 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { GasFee } from "..";
 import { get } from "svelte/store";
 import { settingsStore } from "$lib/stores";
-import { createCurrencyFormatter } from "$lib/dusk/currency";
+import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
 
 describe("GasFee", () => {
-	const settings = get(settingsStore);
-	const duskFormatter = createCurrencyFormatter(settings.language, "DUSK", 9);
-	const fee = duskFormatter(settings.gasPrice * settings.gasLimit * 0.000000001);
+  const settings = get(settingsStore);
+  const duskFormatter = createCurrencyFormatter(settings.language, "DUSK", 9);
+  const fee = settings.gasPrice * settings.gasLimit;
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the GasFee component", () => {
-		const baseProps = {
-			fee: fee
-		};
-		const { container } = render(GasFee, baseProps);
+  it("renders the GasFee component", () => {
+    const baseProps = {
+      fee: fee,
+      formatter: duskFormatter,
+    };
+    const { container } = render(GasFee, baseProps);
 
-		expect(container.querySelector(".gas-fee__amount-value")?.innerHTML).toBe(fee);
+    expect(
+      container.querySelector(".gas-fee__amount-value span:nth-child(2)")
+        ?.innerHTML
+    ).toBe(duskFormatter(luxToDusk(fee)));
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/components/__tests__/GasSettings.spec.js b/src/lib/components/__tests__/GasSettings.spec.js
index 4107c0b5..7a057c5e 100644
--- a/src/lib/components/__tests__/GasSettings.spec.js
+++ b/src/lib/components/__tests__/GasSettings.spec.js
@@ -1,10 +1,4 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
 
 import { GasSettings } from "..";
@@ -13,69 +7,77 @@ import { settingsStore } from "$lib/stores";
 import { createCurrencyFormatter } from "$lib/dusk/currency";
 
 describe("GasSettings", () => {
-	const settings = get(settingsStore);
-	const duskFormatter = createCurrencyFormatter(settings.language, "DUSK", 9);
-	const fee = duskFormatter(settings.gasPrice * settings.gasLimit * 0.000000001);
+  const settings = get(settingsStore);
+  const duskFormatter = createCurrencyFormatter(settings.language, "DUSK", 9);
+  const fee = settings.gasPrice * settings.gasLimit;
 
-	const baseProps = {
-		fee: fee,
-		limit: 20000000,
-		limitLower: 10000000,
-		limitUpper: 1000000000,
-		price: 1,
-		priceLower: 1
-	};
+  const baseProps = {
+    fee: fee,
+    formatter: duskFormatter,
+    limit: 20000000n,
+    limitLower: 10000000n,
+    limitUpper: 1000000000n,
+    price: 1n,
+    priceLower: 1n,
+  };
 
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the GasSettings component closed", () => {
-		const { container } = render(GasSettings, baseOptions);
+  it("renders the GasSettings component closed", () => {
+    const { container } = render(GasSettings, baseOptions);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("renders the GasSettings component opened", async () => {
-		const { container, getByRole } = render(GasSettings, baseOptions);
+  it("renders the GasSettings component opened", async () => {
+    const { container, getByRole } = render(GasSettings, baseOptions);
 
-		const next = getByRole("button", { name: "EDIT" });
+    const next = getByRole("button", { name: "EDIT" });
 
-		await fireEvent.click(next);
+    await fireEvent.click(next);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("checks setGasSettings event is dispatched on click with the correct event data", async () => {
-		const eventHandler = vi.fn();
-		const { component, getByRole, getAllByRole } = render(GasSettings, baseOptions);
-		const editButton = getByRole("button", { name: "EDIT" });
+  it('checks "gasSettings" event is dispatched on click with the correct event data', async () => {
+    const eventHandler = vi.fn();
+    const { component, getByRole, getAllByRole } = render(
+      GasSettings,
+      baseOptions
+    );
+    const editButton = getByRole("button", { name: "EDIT" });
 
-		expect(() => getAllByRole("spinbutton")).toThrow();
+    expect(() => getAllByRole("textbox")).toThrow();
 
-		await fireEvent.click(editButton);
+    await fireEvent.click(editButton);
 
-		component.$on("setGasSettings", eventHandler);
+    component.$on("gasSettings", eventHandler);
 
-		const [priceInput, limitInput] = getAllByRole("spinbutton");
+    const [priceInput, limitInput] = getAllByRole("textbox");
 
-		await fireEvent.input(limitInput, { target: { value: baseProps.limitLower } });
+    await fireEvent.input(limitInput, {
+      target: { value: baseProps.limitLower },
+    });
 
-		expect(eventHandler).toHaveBeenCalledTimes(1);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limitLower,
-			price: baseProps.price
-		});
+    expect(eventHandler).toHaveBeenCalledTimes(1);
+    expect(eventHandler.mock.lastCall?.[0].detail).toStrictEqual({
+      limit: baseProps.limitLower,
+      price: baseProps.price,
+    });
 
-		await fireEvent.input(priceInput, { target: { value: baseProps.price * 2 } });
+    await fireEvent.input(priceInput, {
+      target: { value: baseProps.price * 2n },
+    });
 
-		expect(eventHandler).toHaveBeenCalledTimes(2);
-		expect(eventHandler.mock.lastCall[0].detail).toStrictEqual({
-			limit: baseProps.limitLower,
-			price: baseProps.price * 2
-		});
-	});
+    expect(eventHandler).toHaveBeenCalledTimes(2);
+    expect(eventHandler.mock.lastCall?.[0].detail).toStrictEqual({
+      limit: baseProps.limitLower,
+      price: baseProps.price * 2n,
+    });
+  });
 });
diff --git a/src/lib/components/__tests__/OperationResult.spec.js b/src/lib/components/__tests__/OperationResult.spec.js
index fcad9849..c44b0c50 100644
--- a/src/lib/components/__tests__/OperationResult.spec.js
+++ b/src/lib/components/__tests__/OperationResult.spec.js
@@ -1,117 +1,109 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import { cleanup, render } from "@testing-library/svelte";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+
+import { rejectAfter, resolveAfter } from "$lib/dusk/promise";
 
 import { OperationResult } from "..";
 
 vi.useFakeTimers();
 
 describe("OperationResult", () => {
-	const delay = 1000;
-
-	/** @type {(delay: number) => Promise<any>} */
-	const rejectAfter = ms => new Promise((resolve, reject) => {
-		setTimeout(() => reject(new Error("some error")), ms);
-	});
+  const delay = 1000;
 
-	/** @type {(delay: number) => Promise<any>} */
-	const resolveAfter = ms => new Promise(resolve => { setTimeout(resolve, ms); });
+  const onBeforeLeave = vi.fn();
 
-	const onBeforeLeave = vi.fn();
+  const baseProps = {
+    onBeforeLeave,
+    operation: resolveAfter(delay, ""),
+  };
 
-	const baseProps = {
-		onBeforeLeave,
-		operation: resolveAfter(delay)
-	};
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  afterEach(() => {
+    cleanup();
+    onBeforeLeave.mockClear();
+  });
 
-	afterEach(() => {
-		cleanup();
-		onBeforeLeave.mockClear();
-	});
+  it("should be able to render the `OperationResult` component in a pending state", () => {
+    const { container } = render(OperationResult, baseOptions);
 
-	it("should be able to render the `OperationResult` component in a pending state", () => {
-		const { container } = render(OperationResult, baseOptions);
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should accept a custom message for the pending state", () => {
+    const props = {
+      ...baseProps,
+      pendingMessage: "Transaction pending",
+    };
+    const { container } = render(OperationResult, { ...baseOptions, props });
 
-	it("should accept a custom message for the pending state", () => {
-		const props = {
-			...baseProps,
-			pendingMessage: "Transaction pending"
-		};
-		const { container } = render(OperationResult, { ...baseOptions, props });
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should be able to render the `OperationResult` in a successful state", async () => {
+    const { container } = render(OperationResult, baseOptions);
 
-	it("should be able to render the `OperationResult` in a successful state", async () => {
-		const { container } = render(OperationResult, baseOptions);
+    await vi.advanceTimersByTimeAsync(delay);
 
-		await vi.advanceTimersByTimeAsync(delay);
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should accept a custom message for the successful state", async () => {
+    const props = {
+      ...baseProps,
+      successMessage: "Transaction created",
+    };
 
-	it("should accept a custom message for the successful state", async () => {
-		const props = {
-			...baseProps,
-			successMessage: "Transaction completed"
-		};
+    const { container } = render(OperationResult, { ...baseOptions, props });
 
-		const { container } = render(OperationResult, { ...baseOptions, props });
+    await vi.advanceTimersByTimeAsync(delay);
 
-		await vi.advanceTimersByTimeAsync(delay);
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should call the `onBeforeLeave` function when the home button is clicked", async () => {
+    const { getByRole } = render(OperationResult, baseOptions);
 
-	it("should call the `onBeforeLeave` function when the home button is clicked", async () => {
-		const { getByRole } = render(OperationResult, baseOptions);
+    await vi.advanceTimersByTimeAsync(delay);
 
-		await vi.advanceTimersByTimeAsync(delay);
+    const homeBtn = getByRole("link");
 
-		const homeBtn = getByRole("link");
+    // prevents the browser from attempting to navigate
+    // to the link's href, which jsdom cannot handle
+    homeBtn.addEventListener("click", (event) => event.preventDefault());
 
-		homeBtn.click();
+    await fireEvent.click(homeBtn);
 
-		expect(baseProps.onBeforeLeave).toHaveBeenCalledTimes(1);
-	});
+    expect(baseProps.onBeforeLeave).toHaveBeenCalledTimes(1);
+  });
 
-	it("should be able to render the `OperationResult` in a failure state", async () => {
-		const props = {
-			...baseProps,
-			operation: rejectAfter(delay)
-		};
+  it("should be able to render the `OperationResult` in a failure state", async () => {
+    const props = {
+      ...baseProps,
+      operation: rejectAfter(delay, new Error("some error")),
+    };
 
-		const { container } = render(OperationResult, { ...baseOptions, props });
+    const { container } = render(OperationResult, { ...baseOptions, props });
 
-		await vi.advanceTimersByTimeAsync(delay);
+    await vi.advanceTimersByTimeAsync(delay);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should accept a custom message for the failure state", async () => {
-		const props = {
-			...baseProps,
-			errorMessage: "Transaction failed",
-			operation: rejectAfter(delay)
-		};
+  it("should accept a custom message for the failure state", async () => {
+    const props = {
+      ...baseProps,
+      errorMessage: "Transaction failed",
+      operation: rejectAfter(delay, new Error("some error")),
+    };
 
-		const { container } = render(OperationResult, { ...baseOptions, props });
+    const { container } = render(OperationResult, { ...baseOptions, props });
 
-		await vi.advanceTimersByTimeAsync(delay);
+    await vi.advanceTimersByTimeAsync(delay);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/components/__tests__/ScanQR.spec.js b/src/lib/components/__tests__/ScanQR.spec.js
index 3ef227a5..1767b6b9 100644
--- a/src/lib/components/__tests__/ScanQR.spec.js
+++ b/src/lib/components/__tests__/ScanQR.spec.js
@@ -1,29 +1,23 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
-import "jsdom-worker";
 
 import { ScanQR } from "..";
 
 describe("ScanQR", () => {
-	const baseProps = {
-		scanner: undefined
-	};
+  const baseProps = {
+    scanner: undefined,
+  };
 
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the ScanQR component", () => {
-		const { container } = render(ScanQR, baseOptions);
+  it("renders the ScanQR component", () => {
+    const { container } = render(ScanQR, baseOptions);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/components/__tests__/Send.spec.js b/src/lib/components/__tests__/Send.spec.js
index 292b0d23..cd0f2048 100644
--- a/src/lib/components/__tests__/Send.spec.js
+++ b/src/lib/components/__tests__/Send.spec.js
@@ -1,242 +1,513 @@
-import {
-	afterAll,
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
-import "jsdom-worker";
-
-import { deductLuxFeeFrom } from "$lib/contracts";
-import { createCurrencyFormatter } from "$lib/dusk/currency";
+import {
+  createCurrencyFormatter,
+  duskToLux,
+  luxToDusk,
+} from "$lib/dusk/currency";
 import { getAsHTMLElement } from "$lib/dusk/test-helpers";
 
 import { Send } from "..";
+import { tick } from "svelte";
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
 
 describe("Send", () => {
-	const formatter = createCurrencyFormatter("en", "DUSK", 9);
-	const lastTxId = "some-id";
-	const baseProps = {
-		execute: vi.fn().mockResolvedValue(lastTxId),
-		formatter,
-		gasSettings: {
-			gasLimit: 20000000,
-			gasLimitLower: 10000000,
-			gasLimitUpper: 1000000000,
-			gasPrice: 1,
-			gasPriceLower: 1
-		},
-		spendable: 1000,
-		statuses: [{
-			label: "Spendable",
-			value: "1,000.000000000"
-		}]
-	};
-	const address =
-		"aB5rL7yC2zK9eV3xH1gQ6fP4jD8sM0iU2oX7wG9nZ8lT3hU4jP5mK8nS6qJ3wF4aA9bB2cC5dD8eE7";
-
-	afterEach(() => {
-		cleanup();
-		baseProps.execute.mockClear();
-	});
-
-	describe("Amount step", () => {
-		it("should render the Send component Amount step", () => {
-			const { container } = render(Send, baseProps);
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-
-		it("should disable the next button if the amount is invalid on mount", () => {
-			const props = {
-				...baseProps,
-				gasSettings: {
-					...baseProps.gasSettings,
-					gasLimit: 40000000,
-					gasPrice: 40000000
-				}
-			};
-			const { getByRole } = render(Send, props);
-			const next = getByRole("button", { name: "Next" });
-
-			expect(next).toBeDisabled();
-		});
-
-		it("should set the max amount in the textbox if the user clicks the related button", async () => {
-			const maxSpendable = deductLuxFeeFrom(
-				baseProps.spendable,
-				baseProps.gasSettings.gasPrice * baseProps.gasSettings.gasLimit
-			);
-			const { getByRole } = render(Send, baseProps);
-			const useMaxButton = getByRole("button", { name: "USE MAX" });
-			const nextButton = getByRole("button", { name: "Next" });
-			const amountInput = getByRole("spinbutton");
-
-			await fireEvent.click(useMaxButton);
-
-			expect(amountInput).toHaveValue(maxSpendable);
-			expect(nextButton).toBeEnabled();
-		});
-
-		it("should disable the next button if the user enters an invalid amount", async () => {
-			const { getByRole } = render(Send, baseProps);
-			const nextButton = getByRole("button", { name: "Next" });
-			const amountInput = getByRole("spinbutton");
-
-			expect(nextButton).toBeEnabled();
+  const formatter = createCurrencyFormatter("en", "DUSK", 9);
+  const lastTxId = "some-id";
+  const publicAddress =
+    "zTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE4FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybff";
+  const shieldedAddress =
+    "47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM";
+  const bep20BridgeAddress = "0x1234567890123456789012345678901234567890"; // Example BEP20 bridge address
+  const baseProps = {
+    availableBalance: 1_000_000_000_000n,
+    bep20BridgeAddress,
+    execute: vi.fn().mockResolvedValue(lastTxId),
+    formatter,
+    gasLimits: {
+      gasLimitLower: 10000000n,
+      gasLimitUpper: 2900000000n,
+      gasPriceLower: 1n,
+    },
+    gasSettings: {
+      gasLimit: 20000000n,
+      gasPrice: 1n,
+    },
+    publicAddress,
+    shieldedAddress,
+  };
+
+  const invalidAddress =
+    "aB5rL7yC2zK9eV3xH1gQ6fP4jD8sM0iU2oX7wG9nZ8lT3hU4jP5mK8nS6qJ3wF4aA9bB2cC5dD8eE7";
+
+  afterEach(() => {
+    cleanup();
+    baseProps.execute.mockClear();
+  });
+
+  describe("Address step", () => {
+    it("should render the Send component Address step", () => {
+      const { container } = render(Send, baseProps);
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should disable the next button if the address is empty", () => {
+      const { getByRole } = render(Send, baseProps);
+      const nextButton = getByRole("button", { name: "Next" });
+      const addressInput = getByRole("textbox");
+
+      expect(addressInput).toHaveValue("");
+      expect(nextButton).toBeDisabled();
+    });
+
+    it("should disable the next button if the address is invalid", async () => {
+      const { getByRole } = render(Send, baseProps);
+      const nextButton = getByRole("button", { name: "Next" });
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: invalidAddress },
+      });
+
+      expect(addressInput).toHaveValue(invalidAddress);
+      expect(nextButton).toBeDisabled();
+    });
+
+    it("should display a warning if the address input is a public account", async () => {
+      const { container, getByRole } = render(Send, baseProps);
+      const sendToAddress =
+        "aTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE5FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybff";
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: sendToAddress },
+      });
+
+      expect(addressInput).toHaveValue(sendToAddress);
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should display a warning if the address input is self-referential", async () => {
+      const { container, getByRole } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: publicAddress },
+      });
+
+      expect(addressInput).toHaveValue(publicAddress);
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should display a notice if the address input is the BEP20 bridge address", async () => {
+      const { getByRole, findByText } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: bep20BridgeAddress },
+      });
+
+      expect(addressInput).toHaveValue(bep20BridgeAddress);
+      expect(
+        await findByText("BEP20 bridge operation detected")
+      ).toBeInTheDocument();
+    });
+  });
+
+  describe("Amount step", () => {
+    it("should render the Send component Amount step", async () => {
+      const { container, getByRole } = render(Send, baseProps);
 
-			await fireEvent.input(amountInput, { target: { value: 0 } });
-
-			expect(amountInput).toHaveValue(0);
-			expect(nextButton).toBeDisabled();
-		});
-	});
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-	describe("Address step", () => {
-		it("should render the Send component Address step", async () => {
-			const { container, getByRole } = render(Send, baseProps);
-			const nextButton = getByRole("button", { name: "Next" });
+      expect(container.firstChild).toMatchSnapshot();
+    });
 
-			await fireEvent.click(nextButton);
+    it("should disable the next button if the amount is invalid on mount", async () => {
+      const props = {
+        ...baseProps,
+        gasSettings: {
+          ...baseProps.gasSettings,
+          gasLimit: 40000000n,
+          gasPrice: 40000000n,
+        },
+      };
+      const { getByRole } = render(Send, props);
 
-			expect(container.firstChild).toMatchSnapshot();
-		});
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-		it("should disable the next button if the address is empty", async () => {
-			const { getByRole } = render(Send, baseProps);
+      const next = getByRole("button", { name: "Next" });
 
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      await tick();
 
-			const nextButton = getByRole("button", { name: "Next" });
-			const addressInput = getByRole("textbox");
+      expect(next).toBeDisabled();
+    });
 
-			expect(addressInput).toHaveValue("");
-			expect(nextButton).toBeDisabled();
-		});
+    it("should set the max amount in the textbox if the user clicks the related button", async () => {
+      const maxSpendableDusk = luxToDusk(
+        baseProps.availableBalance -
+          baseProps.gasSettings.gasPrice * baseProps.gasSettings.gasLimit
+      );
+      const { getByRole } = render(Send, baseProps);
 
-		it("should enable the next button if the user inputs an address", async () => {
-			const { getByRole } = render(Send, baseProps);
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      const useMaxButton = getByRole("button", { name: "USE MAX" });
+      const nextButton = getByRole("button", { name: "Next" });
+      const amountInput = getByRole("spinbutton");
 
-			const nextButton = getByRole("button", { name: "Next" });
-			const addressInput = getByRole("textbox");
+      await fireEvent.click(useMaxButton);
 
-			expect(nextButton).toBeDisabled();
+      expect(amountInput).toHaveValue(maxSpendableDusk);
+      expect(nextButton).toBeEnabled();
+    });
 
-			await fireEvent.input(addressInput, { target: { value: address } });
+    it("should not change the default amount (1) in the textbox if the user clicks the related button and the balance is zero", async () => {
+      const props = {
+        ...baseProps,
+        availableBalance: 0n,
+      };
+      const { getByRole } = render(Send, props);
 
-			expect(addressInput).toHaveValue(address);
-			expect(nextButton).toBeEnabled();
-		});
-	});
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-	describe("Review step", () => {
-		it("should render the Send component Review step", async () => {
-			const amount = 2345;
-			const { container, getByRole } = render(Send, baseProps);
-			const amountInput = getByRole("spinbutton");
+      const useMaxButton = getByRole("button", { name: "USE MAX" });
+      const amountInput = getByRole("spinbutton");
 
-			await fireEvent.input(amountInput, { target: { value: amount } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      expect(amountInput).toHaveValue(1);
 
-			const addressInput = getByRole("textbox");
+      await fireEvent.click(useMaxButton);
 
-			await fireEvent.input(addressInput, { target: { value: address } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      expect(amountInput).toHaveValue(1);
+    });
 
-			const value = getAsHTMLElement(container, ".operation__review-amount span");
-			const key = getAsHTMLElement(container, ".operation__review-address span");
+    it("should not change the default amount (1) in the textbox if the user clicks the related button and the gas settings are invalid", async () => {
+      const props = {
+        ...baseProps,
+        gasSettings: {
+          ...baseProps.gasSettings,
+          gasLimit: 40000000n,
+          gasPrice: 40000000n,
+        },
+      };
 
-			expect(value.textContent).toBe(baseProps.formatter(amount));
-			expect(key.textContent).toBe(address);
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
+      const { getByRole } = render(Send, props);
 
-	describe("Send operation", () => {
-		vi.useFakeTimers();
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-		const amount = 567;
-		const expectedExplorerLink = `https://explorer.dusk.network/transactions/transaction?id=${lastTxId}`;
+      const useMaxButton = getByRole("button", { name: "USE MAX" });
+      const amountInput = getByRole("spinbutton");
 
-		afterAll(() => {
-			vi.useRealTimers();
-		});
+      expect(amountInput).toHaveValue(1);
 
-		it("should perform a transfer for the desired amount, give a success message and supply a link to see the transaction in the explorer", async () => {
-			const { getByRole, getByText } = render(Send, baseProps);
-			const amountInput = getByRole("spinbutton");
+      await fireEvent.click(useMaxButton);
 
-			await fireEvent.input(amountInput, { target: { value: amount } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      expect(amountInput).toHaveValue(1);
+    });
 
-			const input = getByRole("textbox");
+    it("should disable the next button if the user enters an invalid amount", async () => {
+      const { getByRole } = render(Send, baseProps);
 
-			await fireEvent.input(input, { target: { value: address } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "SEND" }));
+      await fireEvent.click(getByRole("button", { name: "Next" }));
 
-			await vi.advanceTimersToNextTimerAsync();
+      const nextButton = getByRole("button", { name: "Next" });
+      const amountInput = getByRole("spinbutton");
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(address, amount);
+      expect(nextButton).toBeEnabled();
 
-			const explorerLink = getByRole("link", { name: /explorer/i });
+      await fireEvent.input(amountInput, { target: { value: 0 } });
 
-			expect(getByText("Transaction completed")).toBeInTheDocument();
-			expect(explorerLink).toHaveAttribute("target", "_blank");
-			expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
-		});
+      expect(amountInput).toHaveValue(0);
+      expect(nextButton).toBeDisabled();
+    });
 
-		it("should show an error message if the transfer fails", async () => {
-			const errorMessage = "Some error message";
+    it("should require a valid EVM address in memo if sending to BEP20 bridge", async () => {
+      const { getByRole, findByText, queryByText, container } = render(Send, {
+        ...baseProps,
+        availableBalance: 1_000_000_000_000_000n,
+      });
+      const addressInput = getByRole("textbox");
+      const nextButtonAddressStep = getByRole("button", { name: "Next" });
 
-			baseProps.execute.mockRejectedValueOnce(new Error(errorMessage));
+      await fireEvent.input(addressInput, {
+        target: { value: bep20BridgeAddress },
+      });
+      await fireEvent.click(nextButtonAddressStep);
 
-			const { getByRole, getByText } = render(Send, baseProps);
-			const amountInput = getByRole("spinbutton");
+      const nextButtonAmountStep = getByRole("button", { name: "Next" });
+      const amountInput = getByRole("spinbutton");
+      const memoInput = getAsHTMLElement(container, ".operation__send-memo");
 
-			await fireEvent.input(amountInput, { target: { value: amount } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      expect(memoInput).toBeInTheDocument();
 
-			const input = getByRole("textbox");
+      // Banner for required memo should be visible
+      expect(
+        await findByText("Memo required for bridge operation")
+      ).toBeInTheDocument();
+      expect(nextButtonAmountStep).toBeDisabled();
 
-			await fireEvent.input(input, { target: { value: address } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "SEND" }));
+      // Enter an invalid EVM address as memo
+      await fireEvent.input(memoInput, { target: { value: "invalid-evm" } });
+      expect(memoInput).toHaveValue("invalid-evm");
 
-			await vi.advanceTimersToNextTimerAsync();
+      expect(
+        await findByText("Invalid EVM address format")
+      ).toBeInTheDocument();
+      expect(nextButtonAmountStep).toBeDisabled();
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(address, amount);
-			expect(getByText("Transaction failed")).toBeInTheDocument();
-			expect(getByText(errorMessage)).toBeInTheDocument();
-		});
+      // Enter a valid EVM address as memo
+      const validEvmAddress = "0x9876543210987654321098765432109876543210";
 
-		it("should show the success message, but no explorer link, if the execution promise doesn't resolve with an hash", async () => {
-			baseProps.execute.mockResolvedValueOnce(void 0);
+      await fireEvent.input(memoInput, {
+        target: { value: validEvmAddress },
+      });
+      expect(memoInput).toHaveValue(validEvmAddress);
 
-			const { getByRole, getByText } = render(Send, baseProps);
-			const amountInput = getByRole("spinbutton");
+      // Error banners should disappear
+      expect(
+        queryByText("Memo required for bridge operation")
+      ).not.toBeInTheDocument();
+      expect(queryByText("Invalid EVM address format")).not.toBeInTheDocument();
 
-			await fireEvent.input(amountInput, { target: { value: amount } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.input(amountInput, { target: { value: "10" } });
 
-			const input = getByRole("textbox");
+      expect(nextButtonAmountStep).toBeEnabled();
+    });
 
-			await fireEvent.input(input, { target: { value: address } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "SEND" }));
+    it("should make memo optional and not require EVM format if not sending to BEP20 bridge", async () => {
+      const { getByRole, queryByText, container } = render(Send, {
+        ...baseProps,
+        availableBalance: 1_000_000_000_000_000n,
+      });
+      const addressInput = getByRole("textbox");
+      const nextButtonAddressStep = getByRole("button", { name: "Next" });
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(nextButtonAddressStep);
 
-			await vi.advanceTimersToNextTimerAsync();
+      const nextButtonAmountStep = getByRole("button", { name: "Next" });
+      const amountInput = getByRole("spinbutton");
+      const memoSwitch = getByRole("switch");
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(address, amount);
-			expect(getByText("Transaction completed")).toBeInTheDocument();
-			expect(() => getByRole("link", { name: /explorer/i })).toThrow();
-		});
-	});
+      expect(memoSwitch).toBeInTheDocument();
+      expect(
+        queryByText("Memo required for bridge operation")
+      ).not.toBeInTheDocument();
+      expect(queryByText("Invalid EVM address format")).not.toBeInTheDocument();
+
+      await fireEvent.input(amountInput, { target: { value: "10" } });
+      expect(nextButtonAmountStep).toBeEnabled();
+
+      // Show memo field
+      await fireEvent.click(memoSwitch);
+
+      const memoInput = getAsHTMLElement(container, ".operation__send-memo");
+
+      expect(memoInput).toBeInTheDocument();
+
+      await fireEvent.input(memoInput, {
+        target: { value: "not-an-evm-address" },
+      });
+      expect(memoInput).toHaveValue("not-an-evm-address");
+
+      expect(queryByText("Invalid EVM address format")).not.toBeInTheDocument();
+      expect(nextButtonAmountStep).toBeEnabled();
+    });
+  });
+
+  describe("Review step", () => {
+    it("should render the Send component Review step", async () => {
+      const amount = 2345;
+      const { container, getByRole } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("switch"));
+
+      const amountInput = getByRole("spinbutton");
+      const memoInput = getByRole("textbox");
+
+      await fireEvent.input(amountInput, { target: { value: amount } });
+      await fireEvent.input(memoInput, {
+        target: { value: "abc-example-memo" },
+      });
+
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      const value = getAsHTMLElement(
+        container,
+        ".operation__review-amount span"
+      );
+      const key = getAsHTMLElement(
+        container,
+        ".operation__review-address span"
+      );
+      const memo = getAsHTMLElement(container, ".operation__review-memo span");
+
+      expect(value.textContent).toBe(baseProps.formatter(amount));
+      expect(key.textContent).toBe(shieldedAddress);
+      expect(memo.textContent).toBe("abc-example-memo");
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+
+  describe("Send operation", () => {
+    vi.useFakeTimers();
+
+    const amount = 567;
+    const expectedExplorerLink = `/explorer/transactions/transaction?id=${lastTxId}`;
+
+    afterAll(() => {
+      vi.useRealTimers();
+    });
+
+    it("should perform a transfer for the desired amount, give a success message and supply a link to see the transaction in the explorer", async () => {
+      const { getByRole, getByText } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      const amountInput = getByRole("spinbutton");
+
+      await fireEvent.input(amountInput, { target: { value: amount } });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "SEND" }));
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        shieldedAddress,
+        duskToLux(amount),
+        "",
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+
+      const explorerLink = getByRole("link", { name: /explorer/i });
+
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(explorerLink).toHaveAttribute("target", "_blank");
+      expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
+    });
+
+    it("should perform a transfer for the desired amount, with a memo, give a success message and supply a link to see the transaction in the explorer", async () => {
+      const { getByRole, getByText } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("switch"));
+
+      const amountInput = getByRole("spinbutton");
+      const memoInput = getByRole("textbox");
+
+      await fireEvent.input(amountInput, { target: { value: amount } });
+      await fireEvent.input(memoInput, {
+        target: { value: "abc-example-memo" },
+      });
+
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "SEND" }));
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        shieldedAddress,
+        duskToLux(amount),
+        "abc-example-memo",
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+
+      const explorerLink = getByRole("link", { name: /explorer/i });
+
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(explorerLink).toHaveAttribute("target", "_blank");
+      expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
+    });
+
+    it("should show an error message if the transfer fails", async () => {
+      const errorMessage = "Some error message";
+
+      baseProps.execute.mockRejectedValueOnce(new Error(errorMessage));
+
+      const { getByRole, getByText } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      const amountInput = getByRole("spinbutton");
+
+      await fireEvent.input(amountInput, { target: { value: amount } });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "SEND" }));
+      await vi.advanceTimersToNextTimerAsync();
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        shieldedAddress,
+        duskToLux(amount),
+        "",
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+      expect(getByText("Transaction failed")).toBeInTheDocument();
+      expect(getByText(errorMessage)).toBeInTheDocument();
+    });
+
+    it("should show the success message, but no explorer link, if the execution promise doesn't resolve with an hash", async () => {
+      baseProps.execute.mockResolvedValueOnce(void 0);
+
+      const { getByRole, getByText } = render(Send, baseProps);
+      const addressInput = getByRole("textbox");
+
+      await fireEvent.input(addressInput, {
+        target: { value: shieldedAddress },
+      });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      const amountInput = getByRole("spinbutton");
+
+      await fireEvent.input(amountInput, { target: { value: amount } });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "SEND" }));
+      await vi.advanceTimersToNextTimerAsync();
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        shieldedAddress,
+        duskToLux(amount),
+        "",
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(() => getByRole("link", { name: /explorer/i })).toThrow();
+    });
+  });
 });
diff --git a/src/lib/components/__tests__/Stake.spec.js b/src/lib/components/__tests__/Stake.spec.js
index f49c5383..0bf8799c 100644
--- a/src/lib/components/__tests__/Stake.spec.js
+++ b/src/lib/components/__tests__/Stake.spec.js
@@ -1,193 +1,272 @@
 import {
-	afterAll,
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeAll,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
-
-import { deductLuxFeeFrom } from "$lib/contracts";
-import { createCurrencyFormatter } from "$lib/dusk/currency";
+import {
+  createCurrencyFormatter,
+  duskToLux,
+  luxToDusk,
+} from "$lib/dusk/currency";
 
 import { Stake } from "..";
 
+/**
+ * @param {HTMLElement} input
+ * @param {*} value
+ * @returns {Promise<boolean>}
+ */
+const fireInput = (input, value) =>
+  fireEvent.input(input, { target: { value } });
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
 describe("Stake", () => {
-	const formatter = createCurrencyFormatter("en", "DUSK", 9);
-	const lastTxId = "some-id";
-
-	const baseProps = {
-		execute: vi.fn().mockResolvedValue(lastTxId),
-
-		/** @type {StakeType} */
-		flow: "stake",
-		formatter,
-		gasSettings: {
-			gasLimit: 20000000,
-			gasLimitLower: 10000000,
-			gasLimitUpper: 1000000000,
-			gasPrice: 1,
-			gasPriceLower: 1
-		},
-		rewards: 345,
-		spendable: 10000,
-		staked: 278,
-		statuses: [{
-			label: "Spendable",
-			value: "1,000.000000000"
-		}, {
-			label: "Total Locked",
-			value: "278.000000000"
-		}, {
-			label: "Rewards",
-			value: "345.000000000"
-		}]
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	const maxSpendable = deductLuxFeeFrom(
-		baseProps.spendable,
-		baseProps.gasSettings.gasPrice * baseProps.gasSettings.gasLimit
-	);
-
-	afterEach(() => {
-		cleanup();
-		baseProps.execute.mockClear();
-	});
-
-	it("should render the Stake component", () => {
-		const { container, getByRole } = render(Stake, baseOptions);
-		const nextButton = getByRole("button", { name: "Next" });
-		const amountInput = getByRole("spinbutton");
-
-		expect(nextButton).toBeEnabled();
-		expect(amountInput.getAttribute("min")).toBe("1000");
-		expect(amountInput.getAttribute("max")).toBe(maxSpendable.toString());
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should disable the next button if the stake amount is invalid on mount", () => {
-		const props = {
-			...baseProps,
-			gasSettings: {
-				...baseProps.gasSettings,
-				gasLimit: 40000000,
-				gasPrice: 40000000
-			}
-		};
-		const currentMaxSpendable = deductLuxFeeFrom(
-			props.spendable,
-			props.gasSettings.gasPrice * props.gasSettings.gasLimit
-		);
-		const { getByRole } = render(Stake, { ...baseOptions, props });
-		const nextButton = getByRole("button", { name: "Next" });
-		const amountInput = getByRole("spinbutton");
-
-		expect(nextButton).toBeDisabled();
-		expect(amountInput.getAttribute("min")).toBe("1000");
-		expect(amountInput.getAttribute("max")).toBe(currentMaxSpendable.toString());
-	});
-
-	it("should set the max amount in the textbox if the user clicks the related button", async () => {
-		const { getByRole } = render(Stake, baseOptions);
-		const useMaxButton = getByRole("button", { name: "USE MAX" });
-
-		await fireEvent.click(useMaxButton);
-
-		const amountInput = getByRole("spinbutton");
-
-		expect(amountInput).toHaveValue(maxSpendable);
-	});
-
-	it("should disable the next button if the user enters an invalid amount", async () => {
-		const { getByRole } = render(Stake, baseOptions);
-		const nextButton = getByRole("button", { name: "Next" });
-		const amountInput = getByRole("spinbutton");
-
-		expect(nextButton).toBeEnabled();
-
-		await fireEvent.input(amountInput, { target: { value: baseProps.spendable * 2 } });
-
-		expect(nextButton).toBeDisabled();
-	});
-
-	it("should render the review step of the Stake component", async () => {
-		const { container, getByRole } = render(Stake, baseOptions);
-
-		await fireEvent.click(getByRole("button", { name: "Next" }));
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	describe("Stake operation", () => {
-		vi.useFakeTimers();
-
-		const expectedExplorerLink = `https://explorer.dusk.network/transactions/transaction?id=${lastTxId}`;
-
-		afterAll(() => {
-			vi.useRealTimers();
-		});
-
-		it("should perform a stake for the desired amount, give a success message and supply a link to see the transaction in the explorer", async () => {
-			const { getByRole, getByText } = render(Stake, baseProps);
-			const amountInput = getByRole("spinbutton");
+  const formatter = createCurrencyFormatter("en", "DUSK", 9);
+  const lastTxId = "some-id";
+
+  const baseProps = {
+    availableBalance: 10_000_000_000_000n,
+    execute: vi.fn().mockResolvedValue(lastTxId),
+    formatter,
+    gasLimits: {
+      gasLimitLower: 10000000n,
+      gasLimitUpper: 2900000000n,
+      gasPriceLower: 1n,
+    },
+    gasSettings: {
+      gasLimit: 20000000n,
+      gasPrice: 1n,
+    },
+    hideStakingNotice: true,
+    minStakeRequirement: 1_234_000_000_000n,
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  const maxSpendableDusk = luxToDusk(
+    baseProps.availableBalance -
+      baseProps.gasSettings.gasPrice * baseProps.gasSettings.gasLimit
+  );
+
+  afterEach(() => {
+    cleanup();
+    baseProps.execute.mockClear();
+  });
+
+  it("should render the Stake notice", () => {
+    const options = {
+      ...baseOptions.target,
+      props: {
+        ...baseProps,
+        hideStakingNotice: false,
+      },
+    };
+
+    vi.spyOn(Math, "random").mockReturnValue(42);
+
+    const { container } = render(Stake, options);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the Stake component", () => {
+    const { container, getByRole } = render(Stake, baseOptions);
+    const nextButton = getByRole("button", { name: "Next" });
+    const amountInput = getByRole("spinbutton");
+
+    expect(nextButton).toBeEnabled();
+    expect(amountInput.getAttribute("min")).toBe(
+      luxToDusk(baseProps.minStakeRequirement).toString()
+    );
+    expect(amountInput.getAttribute("max")).toBe(maxSpendableDusk.toString());
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should disable the next button if the stake amount is invalid on mount", async () => {
+    const props = {
+      ...baseProps,
+      gasSettings: {
+        ...baseProps.gasSettings,
+        gasLimit: 40000000n,
+        gasPrice: 40000000n,
+      },
+    };
+    const { getByRole } = render(Stake, { ...baseOptions, props });
+    const nextButton = getByRole("button", { name: "Next" });
+    const amountInput = getByRole("spinbutton");
+
+    expect(nextButton).toBeDisabled();
+    await fireInput(amountInput, 1000);
+    expect(nextButton).toBeDisabled();
+  });
+
+  it("should set the max amount in the textbox if the user clicks the related button", async () => {
+    const { getByRole } = render(Stake, baseOptions);
+    const useMaxButton = getByRole("button", { name: "USE MAX" });
+
+    await fireEvent.click(useMaxButton);
+
+    const amountInput = getByRole("spinbutton");
+
+    expect(amountInput).toHaveValue(maxSpendableDusk);
+  });
+
+  it("should not change the default amount (min stake amount) in the textbox if the user clicks the related button and the balance is zero", async () => {
+    const props = {
+      ...baseProps,
+      availableBalance: 0n,
+    };
+
+    const { getByRole } = render(Stake, props);
+
+    const useMaxButton = getByRole("button", { name: "USE MAX" });
+    const amountInput = getByRole("spinbutton");
+
+    expect(amountInput).toHaveValue(luxToDusk(baseProps.minStakeRequirement));
+
+    await fireEvent.click(useMaxButton);
+
+    expect(amountInput).toHaveValue(luxToDusk(baseProps.minStakeRequirement));
+  });
+
+  it("should not change the default amount (1) in the textbox if the user clicks the related button and the gas settings are invalid", async () => {
+    const props = {
+      ...baseProps,
+      gasSettings: {
+        ...baseProps.gasSettings,
+        gasLimit: 40000000n,
+        gasPrice: 40000000n,
+      },
+    };
+
+    const { getByRole } = render(Stake, props);
+    const useMaxButton = getByRole("button", { name: "USE MAX" });
+    const amountInput = getByRole("spinbutton");
+
+    expect(amountInput).toHaveValue(luxToDusk(baseProps.minStakeRequirement));
+
+    await fireEvent.click(useMaxButton);
+
+    expect(amountInput).toHaveValue(luxToDusk(baseProps.minStakeRequirement));
+  });
+
+  it("should disable the next button if the user enters an invalid amount", async () => {
+    const { getByRole } = render(Stake, baseOptions);
+    const nextButton = getByRole("button", { name: "Next" });
+    const amountInput = getByRole("spinbutton");
+
+    expect(nextButton).toBeEnabled();
+
+    await fireEvent.input(amountInput, {
+      target: { value: luxToDusk(baseProps.availableBalance) * 2 },
+    });
+
+    expect(nextButton).toBeDisabled();
+  });
+
+  it("should render the review step of the Stake component", async () => {
+    const { container, getByRole } = render(Stake, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  describe("Stake operation", () => {
+    beforeAll(() => {
+      vi.useFakeTimers();
+    });
+
+    afterAll(() => {
+      vi.useRealTimers();
+    });
+
+    const expectedExplorerLink = `/explorer/transactions/transaction?id=${lastTxId}`;
+
+    it("should perform a stake for the desired amount, give a success message and supply a link to see the transaction in the explorer", async () => {
+      const { getByRole, getByText } = render(Stake, baseProps);
+      const amountInput = getByRole("spinbutton");
 
-			expect(amountInput).toHaveValue(1000);
+      expect(amountInput).toHaveValue(luxToDusk(baseProps.minStakeRequirement));
 
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "STAKE" }));
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "Stake" }));
 
-			await vi.advanceTimersToNextTimerAsync();
+      await vi.advanceTimersToNextTimerAsync();
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(1000);
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        baseProps.minStakeRequirement,
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
 
-			const explorerLink = getByRole("link", { name: /explorer/i });
+      const explorerLink = getByRole("link", { name: /explorer/i });
 
-			expect(getByText("Transaction completed")).toBeInTheDocument();
-			expect(explorerLink).toHaveAttribute("target", "_blank");
-			expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
-		});
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(explorerLink).toHaveAttribute("target", "_blank");
+      expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
+    });
 
-		it("should show an error message if the transfer fails", async () => {
-			const errorMessage = "Some error message";
+    it("should show an error message if the transfer fails", async () => {
+      const errorMessage = "Some error message";
 
-			baseProps.execute.mockRejectedValueOnce(new Error(errorMessage));
+      baseProps.execute.mockRejectedValueOnce(new Error(errorMessage));
 
-			const { getByRole, getByText } = render(Stake, baseProps);
-			const amountInput = getByRole("spinbutton");
+      const { getByRole, getByText } = render(Stake, baseProps);
+      const amountInput = getByRole("spinbutton");
 
-			await fireEvent.input(amountInput, { target: { value: 2567 } });
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "STAKE" }));
+      await fireEvent.input(amountInput, { target: { value: 2567 } });
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "Stake" }));
 
-			await vi.advanceTimersToNextTimerAsync();
+      await vi.advanceTimersToNextTimerAsync();
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(2567);
-			expect(getByText("Transaction failed")).toBeInTheDocument();
-			expect(getByText(errorMessage)).toBeInTheDocument();
-		});
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        duskToLux(2567),
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+      expect(getByText("Transaction failed")).toBeInTheDocument();
+      expect(getByText(errorMessage)).toBeInTheDocument();
+    });
 
-		it("should show the success message, but no explorer link, if the execution promise doesn't resolve with an hash", async () => {
-			baseProps.execute.mockResolvedValueOnce(void 0);
+    it("should show the success message, but no explorer link, if the execution promise doesn't resolve with an hash", async () => {
+      baseProps.execute.mockResolvedValueOnce(void 0);
 
-			const { getByRole, getByText } = render(Stake, baseProps);
+      const { getByRole, getByText } = render(Stake, baseProps);
 
-			await fireEvent.click(getByRole("button", { name: "USE MAX" }));
-			await fireEvent.click(getByRole("button", { name: "Next" }));
-			await fireEvent.click(getByRole("button", { name: "STAKE" }));
+      await fireEvent.click(getByRole("button", { name: "USE MAX" }));
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+      await fireEvent.click(getByRole("button", { name: "Stake" }));
 
-			await vi.advanceTimersToNextTimerAsync();
+      await vi.advanceTimersToNextTimerAsync();
 
-			expect(baseProps.execute).toHaveBeenCalledTimes(1);
-			expect(baseProps.execute).toHaveBeenCalledWith(maxSpendable);
-			expect(getByText("Transaction completed")).toBeInTheDocument();
-			expect(() => getByRole("link", { name: /explorer/i })).toThrow();
-		});
-	});
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        duskToLux(maxSpendableDusk),
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(() => getByRole("link", { name: /explorer/i })).toThrow();
+    });
+  });
 });
diff --git a/src/lib/components/__tests__/Transactions.spec.js b/src/lib/components/__tests__/Transactions.spec.js
new file mode 100644
index 00000000..33ae237a
--- /dev/null
+++ b/src/lib/components/__tests__/Transactions.spec.js
@@ -0,0 +1,216 @@
+import { cleanup, render } from "@testing-library/svelte";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { get } from "svelte/store";
+import { base } from "$app/paths";
+
+import { resolveAfter } from "$lib/dusk/promise";
+import { settingsStore } from "$lib/stores";
+import { transactions } from "$lib/mock-data";
+import { sortByHeightDesc } from "$lib/transactions";
+import {
+  createFeeFormatter,
+  createTransferFormatter,
+} from "$lib/dusk/currency";
+
+import Transactions from "../Transactions/Transactions.svelte";
+
+global.ResizeObserver = vi.fn().mockImplementation(function () {
+  return {
+    disconnect: vi.fn(),
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+  };
+});
+
+vi.useFakeTimers();
+
+describe("Transactions", () => {
+  const transactionsPromise = resolveAfter(1000, transactions);
+  const emptyTransactionsPromise = resolveAfter(1000, []);
+  const blockExplorerBaseUrl = "/explorer/transactions/transaction?id=";
+  const highestTransactionID = sortByHeightDesc(transactions)[0].id;
+  const settings = get(settingsStore);
+  const language = settings.language;
+  const transferFormatter = createTransferFormatter(language);
+  const feeFormatter = createFeeFormatter(language);
+
+  const baseProps = {
+    isSyncing: false,
+    items: transactionsPromise,
+    language,
+    syncError: null,
+  };
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  afterAll(() => {
+    vi.useRealTimers();
+  });
+
+  it("renders a loading indicator after a successful sync if the transaction promise isn't resolved yet", async () => {
+    const props = {
+      ...baseProps,
+      isSyncing: true,
+    };
+    const { getByRole, getByText, rerender } = render(Transactions, {
+      props: props,
+    });
+    const notice = getByText("Data will load after a successful sync.");
+
+    expect(notice).toBeInTheDocument();
+
+    await rerender({ ...baseProps });
+
+    const spinner = getByRole("progressbar");
+
+    expect(spinner).toBeInTheDocument();
+  });
+
+  it("renders transactions correctly when items are fulfilled", async () => {
+    const props = {
+      ...baseProps,
+      limit: 1,
+    };
+
+    const { getByText, container } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const transaction = sortByHeightDesc(transactions)[0];
+
+    const transactionAmount = getByText(transferFormatter(transaction.amount));
+    const transactionBlockHeight = getByText(
+      new Intl.NumberFormat(language).format(transaction.block_height)
+    );
+    const transactionType = getByText(transaction.tx_type.toUpperCase());
+    const transactionFee = getByText(feeFormatter(transaction.fee));
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    expect(transactionAmount).toBeInTheDocument();
+    expect(transactionBlockHeight).toBeInTheDocument();
+    expect(transactionType).toBeInTheDocument();
+    expect(transactionFee).toBeInTheDocument();
+  });
+
+  it("renders the correct amount of Transactions, as the limit supplied", async () => {
+    const props = {
+      ...baseProps,
+      limit: 3,
+    };
+
+    const { getAllByText, container } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    const transactionHashes = getAllByText("Hash");
+
+    expect(transactionHashes).toHaveLength(3);
+  });
+
+  it("renders the Transactions in descending order", async () => {
+    const props = {
+      ...baseProps,
+    };
+    const { container } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const sortedTransactions = sortByHeightDesc(transactions);
+
+    const transactionElements =
+      container.querySelectorAll(".transactions-list");
+
+    sortedTransactions.forEach((transaction, index) => {
+      expect(transactionElements[index]).toHaveTextContent(transaction.id);
+    });
+  });
+
+  it("renders the Transactions with the correct CTA to the Block Explorer", async () => {
+    const props = {
+      ...baseProps,
+      limit: 1,
+    };
+
+    const { getByRole } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const transactionHrefBlockExplorerAnchor = getByRole("link", {
+      name: highestTransactionID,
+    });
+
+    expect(transactionHrefBlockExplorerAnchor).toBeInTheDocument();
+    expect(transactionHrefBlockExplorerAnchor).toHaveAttribute(
+      "href",
+      `${blockExplorerBaseUrl}${highestTransactionID}`
+    );
+  });
+
+  it("displays empty state when no transactions are present", async () => {
+    const props = {
+      ...baseProps,
+      items: emptyTransactionsPromise,
+    };
+
+    const { getByText } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const emptyState = getByText("You have no transaction history");
+
+    expect(emptyState).toBeInTheDocument();
+  });
+
+  it('displays the "All transactions" CTA if limit is supplied', async () => {
+    const props = {
+      ...baseProps,
+      items: emptyTransactionsPromise,
+      limit: 1,
+    };
+
+    const { getByRole } = render(Transactions, props);
+    const allTransactionAnchor = getByRole("link", {
+      name: "All transactions",
+    });
+
+    expect(allTransactionAnchor).toBeInTheDocument();
+    expect(allTransactionAnchor).toHaveAttribute(
+      "href",
+      `${base}/dashboard/transactions`
+    );
+  });
+
+  it('displays the "Back" CTA if no limit is supplied', async () => {
+    const props = {
+      ...baseProps,
+      items: emptyTransactionsPromise,
+    };
+
+    const { getByRole } = render(Transactions, props);
+    const backAnchor = getByRole("link", { name: "Back" });
+
+    expect(backAnchor).toBeInTheDocument();
+    expect(backAnchor).toHaveAttribute("href", `${base}/dashboard`);
+  });
+
+  it("handles error state when items are rejected", async () => {
+    const promiseReject = Promise.reject(new Error("An error has occurred"));
+    const props = {
+      ...baseProps,
+      items: promiseReject,
+    };
+
+    const { getByText } = render(Transactions, props);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const errorState = getByText("Error getting transactions");
+
+    expect(errorState).toBeInTheDocument();
+  });
+});
diff --git a/src/lib/components/__tests__/Unstake.spec.js b/src/lib/components/__tests__/Unstake.spec.js
new file mode 100644
index 00000000..7c6e473a
--- /dev/null
+++ b/src/lib/components/__tests__/Unstake.spec.js
@@ -0,0 +1,208 @@
+import {
+  afterAll,
+  afterEach,
+  beforeAll,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { createCurrencyFormatter } from "$lib/dusk/currency";
+
+import { Unstake } from "..";
+import { mdiDatabaseArrowDownOutline, mdiGiftOpenOutline } from "@mdi/js";
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
+describe("Unstake", () => {
+  const formatter = createCurrencyFormatter("en", "DUSK", 9);
+  const lastTxId = "some-id";
+
+  const baseProps = {
+    execute: vi.fn().mockResolvedValue(lastTxId),
+    formatter,
+    gasLimits: {
+      gasLimitLower: 10000000n,
+      gasLimitUpper: 2900000000n,
+      gasPriceLower: 1n,
+    },
+    gasSettings: {
+      gasLimit: 20000000n,
+      gasPrice: 1n,
+    },
+  };
+
+  afterEach(() => {
+    cleanup();
+    baseProps.execute.mockClear();
+  });
+
+  describe("Unstake operation", () => {
+    const expectedExplorerLink = `/explorer/transactions/transaction?id=${lastTxId}`;
+
+    const unstakeProps = {
+      availableBalance: 10_000_000_000_000n,
+      maxWithdrawAmount: 278_000_000_000n,
+      minStakeRequirement: 1_000_000_000n,
+      operationCtaIconPath: mdiDatabaseArrowDownOutline,
+      operationCtaLabel: "Unstake",
+      operationOverviewLabel: "Unstake Amount",
+    };
+
+    beforeAll(() => {
+      vi.useFakeTimers();
+    });
+
+    afterAll(() => {
+      vi.useRealTimers();
+    });
+
+    it("should render the unstake view", () => {
+      const baseOptions = {
+        props: {
+          ...baseProps,
+          ...unstakeProps,
+        },
+        target: document.body,
+      };
+
+      const { container, getByRole } = render(Unstake, baseOptions);
+      const nextButton = getByRole("button", { name: "Next" });
+
+      expect(nextButton).toBeEnabled();
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should perform an ustake, give a success message and supply a link to see the transaction in the explorer", async () => {
+      /** @type {import("svelte").ComponentProps<Unstake>} */
+      const props = { ...baseProps, ...unstakeProps };
+
+      const { getByRole, getByText } = render(Unstake, props);
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      await fireEvent.click(getByRole("button", { name: "Unstake" }));
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        unstakeProps.maxWithdrawAmount,
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+
+      const explorerLink = getByRole("link", { name: /explorer/i });
+
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(explorerLink).toHaveAttribute("target", "_blank");
+      expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
+    });
+
+    it("should not allow to unstake, if wrong gas settings are provided", async () => {
+      /** @type {import("svelte").ComponentProps<Unstake>} */
+      const props = {
+        ...baseProps,
+        ...unstakeProps,
+        gasSettings: { gasLimit: 29000000090n, gasPrice: 1n },
+      };
+
+      const { getByRole } = render(Unstake, props);
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      const nextButton = getByRole("button", { name: "Next" });
+
+      expect(nextButton).toBeDisabled();
+    });
+  });
+
+  describe("Claim Rewards operation", () => {
+    const expectedExplorerLink = `/explorer/transactions/transaction?id=${lastTxId}`;
+
+    const claimRewardsProps = {
+      availableBalance: 10_000_000_000_000n,
+      maxWithdrawAmount: 345_000_000_000n,
+      minStakeRequirement: undefined,
+      operationCtaIconPath: mdiGiftOpenOutline,
+      operationCtaLabel: "Claim Rewards",
+      operationOverviewLabel: "Rewards Amount",
+    };
+
+    beforeAll(() => {
+      vi.useFakeTimers();
+    });
+
+    afterAll(() => {
+      vi.useRealTimers();
+    });
+
+    it("should render the claim rewards view", () => {
+      const baseOptions = {
+        props: {
+          ...baseProps,
+          ...claimRewardsProps,
+        },
+        target: document.body,
+      };
+
+      const { container, getByRole } = render(Unstake, baseOptions);
+      const nextButton = getByRole("button", { name: "Next" });
+
+      expect(nextButton).toBeEnabled();
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should perform a claim rewards, give a success message and supply a link to see the transaction in the explorer", async () => {
+      /** @type {import("svelte").ComponentProps<Unstake>} */
+      const props = { ...baseProps, ...claimRewardsProps };
+
+      const { getByRole, getByText } = render(Unstake, props);
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      await fireEvent.click(getByRole("button", { name: "Next" }));
+
+      await fireEvent.click(getByRole("button", { name: "Claim Rewards" }));
+
+      expect(baseProps.execute).toHaveBeenCalledTimes(1);
+      expect(baseProps.execute).toHaveBeenCalledWith(
+        claimRewardsProps.maxWithdrawAmount,
+        baseProps.gasSettings.gasPrice,
+        baseProps.gasSettings.gasLimit
+      );
+
+      const explorerLink = getByRole("link", { name: /explorer/i });
+
+      expect(getByText("Transaction created")).toBeInTheDocument();
+      expect(explorerLink).toHaveAttribute("target", "_blank");
+      expect(explorerLink).toHaveAttribute("href", expectedExplorerLink);
+    });
+
+    it("should not allow to claim rewards, if wrong gas settings are provided", async () => {
+      /** @type {import("svelte").ComponentProps<Unstake>} */
+      const props = {
+        ...baseProps,
+        ...claimRewardsProps,
+        gasSettings: { gasLimit: 29000000090n, gasPrice: 1n },
+      };
+
+      const { getByRole } = render(Unstake, props);
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      const nextButton = getByRole("button", { name: "Next" });
+
+      expect(nextButton).toBeDisabled();
+    });
+  });
+});
diff --git a/src/lib/components/__tests__/__snapshots__/AddressPicker.spec.js.snap b/src/lib/components/__tests__/__snapshots__/AddressPicker.spec.js.snap
index aecbf822..8234b3cc 100644
--- a/src/lib/components/__tests__/__snapshots__/AddressPicker.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/AddressPicker.spec.js.snap
@@ -1,69 +1,67 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`AddressPicker > renders the AddressPicker component 1`] = `
-<div>
+<div
+  class="address-picker"
+>
+  <div
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-label="Select address profile"
+    class="address-picker__trigger"
+    role="button"
+    tabindex="0"
+  >
+    <span
+      class="address-picker__current-profile"
+    >
+      Profile 1 (Default)
+    </span>
+     
+    <svg
+      class="dusk-icon dusk-icon--size--default address-picker__chevron"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+      />
+    </svg>
+    
+  </div>
    
+</div>
+`;
+
+exports[`AddressPicker > should be able to render the component if the current profile is \`null\` 1`] = `
+<div
+  class="address-picker"
+>
   <div
-    class="address-picker"
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-label="Select address profile"
+    class="address-picker__trigger"
+    role="button"
+    tabindex="0"
   >
-    <div
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="address-picker__trigger"
-      role="button"
-      tabindex="0"
+    <span
+      class="address-picker__current-profile"
     >
-      <div
-        class="dusk-icon--circular"
-        style=""
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--large"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-      </div>
-      <!--&lt;CircularIcon&gt;-->
-       
-      <p
-        class="address-picker__current-address"
-      >
-        2087290d3dc213d43e493f03f5435f99
-      </p>
-       
-      <span
-        class="address-picker__copy-address-button-wrapper"
-      >
-        <button
-          aria-label="Copy Address"
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button address-picker__copy-address-button"
-          type="button"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          
-        </button>
-        <!--&lt;Button&gt;-->
-      </span>
-    </div>
+      No profile selected
+    </span>
      
+    <svg
+      class="dusk-icon dusk-icon--size--default address-picker__chevron"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+      />
+    </svg>
+    
   </div>
-  <!--&lt;AddressPicker&gt;-->
+   
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/AppAnchor.spec.js.snap b/src/lib/components/__tests__/__snapshots__/AppAnchor.spec.js.snap
new file mode 100644
index 00000000..9aab4996
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/AppAnchor.spec.js.snap
@@ -0,0 +1,13 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AppAnchor > should render an \`Anchor\` with the base path prepended to the \`href\` attribute, if the \`href\` represents an absolute URL 1`] = `
+<a
+  class="dusk-anchor dusk-anchor--on-surface foo bar"
+  href="/some-base-path/setup"
+  id="some-id"
+>
+  <span>
+    some text
+  </span>
+</a>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/AppAnchorButton.spec.js.snap b/src/lib/components/__tests__/__snapshots__/AppAnchorButton.spec.js.snap
new file mode 100644
index 00000000..3926c702
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/AppAnchorButton.spec.js.snap
@@ -0,0 +1,12 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AppAnchorButton > should render an \`AnchorButton\` with the base path prepended to the \`href\` attribute, if the \`href\` represents an absolute URL 1`] = `
+<a
+  aria-disabled="false"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default foo bar"
+  href="/some-base-path/setup"
+  id="some-id"
+>
+  
+</a>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/AppImage.spec.js.snap b/src/lib/components/__tests__/__snapshots__/AppImage.spec.js.snap
new file mode 100644
index 00000000..961eafd7
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/AppImage.spec.js.snap
@@ -0,0 +1,11 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AppImage > should render an HTML image forwarding all attributes but with the base path prepended to the \`src\` if it's an absolute URL 1`] = `
+<img
+  alt="Some alternative text"
+  class="foo bar"
+  height="600"
+  src="/some-base-path/images/some-image.jpg"
+  width="800"
+/>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/Balance.spec.js.snap b/src/lib/components/__tests__/__snapshots__/Balance.spec.js.snap
index 239efa2e..73754590 100644
--- a/src/lib/components/__tests__/__snapshots__/Balance.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/Balance.spec.js.snap
@@ -1,190 +1,517 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Balance > renders the Balance component 1`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="2000000"
+<article
+  class="dusk-balance"
+>
+  <header
+    class="dusk-balance__header"
   >
-    <header
-      class="dusk-balance__header"
+    <h2
+      class="sr-only"
     >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
+      Your Balance:
+    </h2>
+  </header>
+   
+  <p
+    class="dusk-balance__dusk"
+  >
+    <span>
+      0.003000000
+    </span>
+     
+    <span>
+      DUSK
+    </span>
+  </p>
+   
+  <p
+    class="dusk-balance__fiat dusk-balance__fiat--visible"
+  >
+    <span>
+      $0.03
+    </span>
+  </p>
+   
+  <div
+    class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+  >
      
-    <p
-      class="dusk-balance__dusk"
+    <div
+      class="dusk-card__body-container"
     >
-      <strong>
-        0.000000000
-      </strong>
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Public"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+            />
+          </svg>
+          
+          66.67
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.002000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
        
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
+      <div
+        class="dusk-balance__account"
       >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Shielded"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+            />
+          </svg>
+          
+          33.33
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.001000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
+    </div>
      
-    <p
-      class="dusk-balance__fiat"
+  </div>
+  
+</article>
+`;
+
+exports[`Balance > should not display the fiat value if the fiat price is \`undefined\` 1`] = `
+<article
+  class="dusk-balance"
+>
+  <header
+    class="dusk-balance__header"
+  >
+    <h2
+      class="sr-only"
     >
-      <strong>
-        (
-        $100,000.00
-        )
-      </strong>
-    </p>
+      Your Balance:
+    </h2>
+  </header>
+   
+  <p
+    class="dusk-balance__dusk"
+  >
+    <span>
+      0.003000000
+    </span>
      
+    <span>
+      DUSK
+    </span>
+  </p>
+   
+  <p
+    class="dusk-balance__fiat"
+  >
+    <span>
+      $0.00
+    </span>
+  </p>
+   
+  <div
+    class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+  >
      
     <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
+      class="dusk-card__body-container"
     >
-      
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Public"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+            />
+          </svg>
+          
+          66.67
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.002000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
+       
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Shielded"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+            />
+          </svg>
+          
+          33.33
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.001000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
     </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
+     
+  </div>
+  
+</article>
 `;
 
 exports[`Balance > should update the Balance component when the props change 1`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="2000000"
+<article
+  class="dusk-balance"
+>
+  <header
+    class="dusk-balance__header"
   >
-    <header
-      class="dusk-balance__header"
+    <h2
+      class="sr-only"
     >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $100,000.00
-        )
-      </strong>
-    </p>
+      Your Balance:
+    </h2>
+  </header>
+   
+  <p
+    class="dusk-balance__dusk"
+  >
+    <span>
+      0.003000000
+    </span>
      
+    <span>
+      DUSK
+    </span>
+  </p>
+   
+  <p
+    class="dusk-balance__fiat dusk-balance__fiat--visible"
+  >
+    <span>
+      $0.03
+    </span>
+  </p>
+   
+  <div
+    class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+  >
      
     <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
+      class="dusk-card__body-container"
     >
-      
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Public"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+            />
+          </svg>
+          
+          66.67
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.002000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
+       
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Shielded"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+            />
+          </svg>
+          
+          33.33
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0.001000000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
     </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
+     
+  </div>
+  
+</article>
 `;
 
 exports[`Balance > should update the Balance component when the props change 2`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="4000000"
+<article
+  class="dusk-balance"
+>
+  <header
+    class="dusk-balance__header"
   >
-    <header
-      class="dusk-balance__header"
+    <h2
+      class="sr-only"
     >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $200,000.00
-        )
-      </strong>
-    </p>
+      Your Balance:
+    </h2>
+  </header>
+   
+  <p
+    class="dusk-balance__dusk"
+  >
+    <span>
+      0,003000000
+    </span>
      
+    <span>
+      DUSK
+    </span>
+  </p>
+   
+  <p
+    class="dusk-balance__fiat dusk-balance__fiat--visible"
+  >
+    <span>
+      0,06 €
+    </span>
+  </p>
+   
+  <div
+    class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+  >
      
     <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
+      class="dusk-card__body-container"
     >
-      
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Public"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+            />
+          </svg>
+          
+          83,33
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0,002500000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
+       
+      <div
+        class="dusk-balance__account"
+      >
+        <span
+          class="dusk-balance__percentage"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Shielded"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+            />
+          </svg>
+          
+          16,67
+          %
+        </span>
+         
+        <span
+          class="dusk-balance__value"
+        >
+          0,000500000
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </span>
+      </div>
     </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
+     
+  </div>
+  
+</article>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap b/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
index 9b5ac0a9..426e6c30 100644
--- a/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
@@ -2,23 +2,53 @@
 
 exports[`ContractOperations > should be able to render the component without items 1`] = `
 <menu
-  class="contract-operations s-MYVJhCZxEBFW"
-/>
+  class="contract-operations svelte-1iyylnh"
+>
+   
+  <li
+    class="contract-operations__operation svelte-1iyylnh"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
+  </li>
+</menu>
 `;
 
 exports[`ContractOperations > should render the \`ContractOperations\` component 1`] = `
 <menu
-  class="contract-operations s-MYVJhCZxEBFW"
+  class="contract-operations svelte-1iyylnh"
 >
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -27,7 +57,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
@@ -36,18 +65,16 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
   </li>
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -56,7 +83,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
@@ -65,19 +91,17 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
   </li>
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       disabled=""
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -86,7 +110,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
@@ -95,18 +118,16 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
   </li>
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -115,63 +136,86 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
       >
-        withdraw stake
+        unstake
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
   </li>
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
         <path
-          d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22 20L19 23L16 20H18V16H20V20H22Z"
+          d="M22 10.87L19.26 9.28C19.5 9.07 19.73 8.8 19.9 8.5C20.73 7.07 20.24 5.23 18.8 4.4C17.94 3.9 16.93 3.9 16.08 4.26L16.09 4.25L15.21 4.64L15.1 3.68L15.09 3.69C15 2.78 14.47 1.9 13.61 1.4C12.17 .575 10.34 1.07 9.5 2.5C9.33 2.8 9.22 3.13 9.16 3.45L6.41 1.87C5.45 1.32 4.23 1.64 3.68 2.6L2.18 5.2C1.9 5.68 2.07 6.29 2.55 6.56L4.28 7.56L8.5 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V14.87L22.73 13.6C23.28 12.64 22.96 11.42 22 10.87M16.44 6.5C16.71 6 17.33 5.86 17.8 6.13C18.28 6.41 18.45 7 18.17 7.5C17.89 8 17.28 8.14 16.8 7.87C16.33 7.59 16.16 7 16.44 6.5M14.07 8.6L21 12.6L20 14.33L13.07 10.33L14.07 8.6M11 20H4V12H11V20M11.34 9.33L4.41 5.33L5.41 3.6L12.34 7.6L11.34 9.33M11.61 4.87C11.13 4.59 10.97 4 11.24 3.5C11.5 3 12.13 2.86 12.61 3.13C13.09 3.41 13.25 4 12.97 4.5C12.7 5 12.09 5.14 11.61 4.87M13 20V12.6L20 16.64V20H13Z"
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
       >
-        withdraw rewards
+        claim rewards
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
+  </li>
+   
+  <li
+    class="contract-operations__operation svelte-1iyylnh"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
   </li>
 </menu>
 `;
 
 exports[`ContractOperations > should use a default icon if the operation is not on the known list 1`] = `
 <menu
-  class="contract-operations s-MYVJhCZxEBFW"
+  class="contract-operations svelte-1iyylnh"
 >
   <li
-    class="contract-operations__operation s-MYVJhCZxEBFW"
+    class="contract-operations__operation svelte-1iyylnh"
   >
     <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
+      class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
       type="button"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -180,7 +224,6 @@ exports[`ContractOperations > should use a default icon if the operation is not
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-button__text"
@@ -189,8 +232,35 @@ exports[`ContractOperations > should use a default icon if the operation is not
       </span>
       
     </button>
-    <!--&lt;Button&gt;-->
-     
+  </li>
+   
+  <li
+    class="contract-operations__operation svelte-1iyylnh"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
   </li>
 </menu>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/ContractStatusesList.spec.js.snap b/src/lib/components/__tests__/__snapshots__/ContractStatusesList.spec.js.snap
index bc4f7e61..3656d48b 100644
--- a/src/lib/components/__tests__/__snapshots__/ContractStatusesList.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/ContractStatusesList.spec.js.snap
@@ -1,104 +1,105 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`ContractStatusesList > should be able to render the component without items 1`] = `
-<dl
-  class="contract-statuses s-fYGIMZDSuGmT"
-/>
+<div
+  class="contract-statuses svelte-1up3579"
+>
+  <dl
+    class="contract-statuses__list svelte-1up3579"
+  />
+   
+</div>
 `;
 
 exports[`ContractStatusesList > should render the \`ContractStatusesList\` component 1`] = `
-<dl
-  class="contract-statuses s-fYGIMZDSuGmT"
+<div
+  class="contract-statuses svelte-1up3579"
 >
-  <dt
-    class="contract-statuses__label s-fYGIMZDSuGmT"
-  >
-    Spendable
-     
-  </dt>
-  <dd
-    class="contract-statuses__value s-fYGIMZDSuGmT"
+  <dl
+    class="contract-statuses__list svelte-1up3579"
   >
-    <span
-      class="s-fYGIMZDSuGmT"
+    <dt
+      class="contract-statuses__label svelte-1up3579"
     >
-      99,899.999724165
-    </span>
-     
-    <svg
-      class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-      data-tooltip-id="main-tooltip"
-      data-tooltip-text="DUSK"
-      role="graphics-symbol"
-      viewBox="0 0 24 24"
+      Spendable
+       
+    </dt>
+    <dd
+      class="contract-statuses__value svelte-1up3579"
     >
-      <path
-        d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-      />
-    </svg>
-    
-    <!--&lt;Icon&gt;-->
-     
-  </dd>
-  <dt
-    class="contract-statuses__label s-fYGIMZDSuGmT"
-  >
-    Total Locked
-     
-  </dt>
-  <dd
-    class="contract-statuses__value s-fYGIMZDSuGmT"
-  >
-    <span
-      class="s-fYGIMZDSuGmT"
+      <span>
+        99,899.999724165
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="DUSK"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+        />
+      </svg>
+      
+       
+    </dd>
+    <dt
+      class="contract-statuses__label svelte-1up3579"
     >
-      1,000.000000000
-    </span>
-     
-    <svg
-      class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-      data-tooltip-id="main-tooltip"
-      data-tooltip-text="DUSK"
-      role="graphics-symbol"
-      viewBox="0 0 24 24"
+      Total Locked
+       
+    </dt>
+    <dd
+      class="contract-statuses__value svelte-1up3579"
     >
-      <path
-        d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-      />
-    </svg>
-    
-    <!--&lt;Icon&gt;-->
-     
-  </dd>
-  <dt
-    class="contract-statuses__label s-fYGIMZDSuGmT"
-  >
-    Rewards
-     
-  </dt>
-  <dd
-    class="contract-statuses__value s-fYGIMZDSuGmT"
-  >
-    <span
-      class="s-fYGIMZDSuGmT"
+      <span>
+        1,000.000000000
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="DUSK"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+        />
+      </svg>
+      
+       
+    </dd>
+    <dt
+      class="contract-statuses__label svelte-1up3579"
     >
-      99,288.000000000
-    </span>
-     
-    <svg
-      class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-      data-tooltip-id="main-tooltip"
-      data-tooltip-text="DUSK"
-      role="graphics-symbol"
-      viewBox="0 0 24 24"
+      Rewards
+       
+    </dt>
+    <dd
+      class="contract-statuses__value svelte-1up3579"
     >
-      <path
-        d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-      />
-    </svg>
-    
-    <!--&lt;Icon&gt;-->
-     
-  </dd>
-</dl>
+      <span>
+        99,288.000000000
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="DUSK"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+        />
+      </svg>
+      
+       
+    </dd>
+  </dl>
+   
+</div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/CopyField.spec.js.snap b/src/lib/components/__tests__/__snapshots__/CopyField.spec.js.snap
new file mode 100644
index 00000000..13087697
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/CopyField.spec.js.snap
@@ -0,0 +1,105 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`CopyField > renders the CopyField component 1`] = `
+<div
+  class="copy-field"
+>
+  <input
+    class="dusk-textbox dusk-textbox-text copy-field__content"
+    readonly=""
+    type="text"
+  />
+  
+   
+  <button
+    aria-label="Copy Address"
+    class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button copy-field__button"
+    data-tooltip-id="main-tooltip"
+    data-tooltip-text="Copy to clipboard"
+    type="button"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+      />
+    </svg>
+    
+     
+    
+  </button>
+</div>
+`;
+
+exports[`CopyField > renders the CopyField component with the copy button disabled 1`] = `
+<div
+  class="copy-field"
+>
+  <input
+    class="dusk-textbox dusk-textbox-text copy-field__content"
+    readonly=""
+    type="text"
+  />
+  
+   
+  <button
+    aria-label="Copy Address"
+    class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button copy-field__button"
+    data-tooltip-id="main-tooltip"
+    data-tooltip-text="Copy to clipboard"
+    disabled=""
+    type="button"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+      />
+    </svg>
+    
+     
+    
+  </button>
+</div>
+`;
+
+exports[`CopyField > should pass additional class names and attributes to the rendered element 1`] = `
+<div
+  class="copy-field foo bar"
+  id="some-id"
+>
+  <input
+    class="dusk-textbox dusk-textbox-text copy-field__content"
+    readonly=""
+    type="text"
+  />
+  
+   
+  <button
+    aria-label="Copy Address"
+    class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button copy-field__button"
+    data-tooltip-id="main-tooltip"
+    data-tooltip-text="Copy to clipboard"
+    type="button"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+      />
+    </svg>
+    
+     
+    
+  </button>
+</div>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/DashboardNav.spec.js.snap b/src/lib/components/__tests__/__snapshots__/DashboardNav.spec.js.snap
new file mode 100644
index 00000000..266989ac
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/DashboardNav.spec.js.snap
@@ -0,0 +1,521 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DashboardNav > renders the DashboardNav component 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <nav
+      aria-label="Transaction and operations navigation"
+      class="dashboard-nav"
+    >
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Something
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Send
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Receive
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Stake
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+    </nav>
+  </div>
+   
+</div>
+`;
+
+exports[`DashboardNav > should display icons if the item's icon array is present 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <nav
+      aria-label="Transaction and operations navigation"
+      class="dashboard-nav"
+    >
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Something
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Send
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Receive
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Stake
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+    </nav>
+  </div>
+   
+</div>
+`;
+
+exports[`DashboardNav > should not display icons if the item's icon array is empty 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <nav
+      aria-label="Transaction and operations navigation"
+      class="dashboard-nav"
+    >
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Something
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Send
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Receive
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Stake
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+    </nav>
+  </div>
+   
+</div>
+`;
+
+exports[`DashboardNav > should not display icons if the item's icons array is undefined 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <nav
+      aria-label="Transaction and operations navigation"
+      class="dashboard-nav"
+    >
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Something
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Send
+        </span>
+         
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Receive
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+      
+      <a
+        class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+        href="#"
+        role="menuitem"
+        tabindex="0"
+      >
+        <span
+          class="dashboard-nav__item-label svelte-1opr8zc"
+        >
+          Stake
+        </span>
+         
+        <span
+          class="dashboard-nav__item-icons svelte-1opr8zc"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"
+            />
+          </svg>
+          
+        </span>
+         
+      </a>
+    </nav>
+  </div>
+   
+</div>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/GasControls.spec.js.snap b/src/lib/components/__tests__/__snapshots__/GasControls.spec.js.snap
index b9a89f33..4ab91ad2 100644
--- a/src/lib/components/__tests__/__snapshots__/GasControls.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/GasControls.spec.js.snap
@@ -3,44 +3,41 @@
 exports[`GasControls > should render the \`GasControls\` component 1`] = `
 <body>
   <label
-    class="gas-control s-POS_LBjGgkOM"
+    class="gas-control svelte-1p4ekyk"
   >
     <span
-      class="gas-control__label s-POS_LBjGgkOM"
+      class="gas-control__label svelte-1p4ekyk"
     >
-      Price: (lux)
+      Price (lux):
     </span>
      
     <input
-      class="dusk-textbox dusk-textbox-number gas-control__input"
-      max="20"
-      min="1"
+      class="dusk-textbox dusk-textbox-text gas-control__input"
+      inputmode="numeric"
+      pattern="\\d+"
       required=""
-      type="number"
+      type="text"
     />
     
-    <!--&lt;Textbox&gt;-->
   </label>
    
   <label
-    class="gas-control s-POS_LBjGgkOM"
+    class="gas-control svelte-1p4ekyk"
   >
     <span
-      class="gas-control__label s-POS_LBjGgkOM"
+      class="gas-control__label svelte-1p4ekyk"
     >
-      Gas Limit: (unit)
+      Gas Limit (unit):
     </span>
      
     <input
-      class="dusk-textbox dusk-textbox-number gas-control__input"
-      max="100"
-      min="10"
+      class="dusk-textbox dusk-textbox-text gas-control__input"
+      inputmode="numeric"
+      pattern="\\d+"
       required=""
-      type="number"
+      type="text"
     />
     
-    <!--&lt;Textbox&gt;-->
   </label>
-  <!--&lt;GasControls&gt;-->
 </body>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/GasFee.spec.js.snap b/src/lib/components/__tests__/__snapshots__/GasFee.spec.js.snap
index 304003f1..cf25a23d 100644
--- a/src/lib/components/__tests__/__snapshots__/GasFee.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/GasFee.spec.js.snap
@@ -1,40 +1,44 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`GasFee > renders the GasFee component 1`] = `
-<div>
+<div
+  class="gas-fee svelte-1c6b481"
+>
+  <span>
+    Fee:
+  </span>
+   
   <div
-    class="gas-fee s-IvXTyNf8Mc_c"
+    class="gas-fee__amount svelte-1c6b481"
   >
-    <span
-      class="s-IvXTyNf8Mc_c"
-    >
-      Max Gas Fee:
-    </span>
-     
     <div
-      class="gas-fee__amount s-IvXTyNf8Mc_c"
+      class="gas-fee__amount-value svelte-1c6b481"
     >
       <span
-        class="gas-fee__amount-value s-IvXTyNf8Mc_c"
+        class="svelte-1c6b481"
       >
-        0.020000000
+        max
       </span>
        
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
-        data-tooltip-id="main-tooltip"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
+      <span
+        class="svelte-1c6b481"
       >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
+        0.100000000
+      </span>
     </div>
+     
+    <svg
+      class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+      data-tooltip-id="main-tooltip"
+      data-tooltip-text="DUSK"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+      />
+    </svg>
+    
   </div>
-  <!--&lt;GasFee&gt;-->
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/GasSettings.spec.js.snap b/src/lib/components/__tests__/__snapshots__/GasSettings.spec.js.snap
index f2a55e46..fad53a69 100644
--- a/src/lib/components/__tests__/__snapshots__/GasSettings.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/GasSettings.spec.js.snap
@@ -2,31 +2,39 @@
 
 exports[`GasSettings > renders the GasSettings component closed 1`] = `
 <div
-  class="gas-settings s-qWT2RqqjhEXG"
+  class="gas-settings svelte-1daay07"
 >
   <dl
-    class="gas-settings__edit s-qWT2RqqjhEXG"
+    class="gas-settings__edit svelte-1daay07"
   >
     <div
-      class="gas-fee s-IvXTyNf8Mc_c"
+      class="gas-fee svelte-1c6b481"
     >
-      <span
-        class="s-IvXTyNf8Mc_c"
-      >
-        Max Gas Fee:
+      <span>
+        Fee:
       </span>
        
       <div
-        class="gas-fee__amount s-IvXTyNf8Mc_c"
+        class="gas-fee__amount svelte-1c6b481"
       >
-        <span
-          class="gas-fee__amount-value s-IvXTyNf8Mc_c"
+        <div
+          class="gas-fee__amount-value svelte-1c6b481"
         >
-          0.020000000
-        </span>
+          <span
+            class="svelte-1c6b481"
+          >
+            max
+          </span>
+           
+          <span
+            class="svelte-1c6b481"
+          >
+            0.100000000
+          </span>
+        </div>
          
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
+          class="dusk-icon dusk-icon--size--default dusk-amount__icon"
           data-tooltip-id="main-tooltip"
           data-tooltip-text="DUSK"
           role="graphics-symbol"
@@ -37,13 +45,9 @@ exports[`GasSettings > renders the GasSettings component closed 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
       </div>
     </div>
-    <!--&lt;GasFee&gt;-->
-    <dd
-      class="s-qWT2RqqjhEXG"
-    >
+    <dd>
       <button
         class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
         type="button"
@@ -54,7 +58,6 @@ exports[`GasSettings > renders the GasSettings component closed 1`] = `
           EDIT
         </span>
       </button>
-      <!--&lt;Button&gt;-->
     </dd>
   </dl>
    
@@ -63,31 +66,39 @@ exports[`GasSettings > renders the GasSettings component closed 1`] = `
 
 exports[`GasSettings > renders the GasSettings component opened 1`] = `
 <div
-  class="gas-settings s-qWT2RqqjhEXG"
+  class="gas-settings svelte-1daay07"
 >
   <dl
-    class="gas-settings__edit s-qWT2RqqjhEXG"
+    class="gas-settings__edit svelte-1daay07"
   >
     <div
-      class="gas-fee s-IvXTyNf8Mc_c"
+      class="gas-fee svelte-1c6b481"
     >
-      <span
-        class="s-IvXTyNf8Mc_c"
-      >
-        Max Gas Fee:
+      <span>
+        Fee:
       </span>
        
       <div
-        class="gas-fee__amount s-IvXTyNf8Mc_c"
+        class="gas-fee__amount svelte-1c6b481"
       >
-        <span
-          class="gas-fee__amount-value s-IvXTyNf8Mc_c"
+        <div
+          class="gas-fee__amount-value svelte-1c6b481"
         >
-          0.020000000
-        </span>
+          <span
+            class="svelte-1c6b481"
+          >
+            max
+          </span>
+           
+          <span
+            class="svelte-1c6b481"
+          >
+            0.100000000
+          </span>
+        </div>
          
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
+          class="dusk-icon dusk-icon--size--default dusk-amount__icon"
           data-tooltip-id="main-tooltip"
           data-tooltip-text="DUSK"
           role="graphics-symbol"
@@ -98,13 +109,9 @@ exports[`GasSettings > renders the GasSettings component opened 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
       </div>
     </div>
-    <!--&lt;GasFee&gt;-->
-    <dd
-      class="s-qWT2RqqjhEXG"
-    >
+    <dd>
       <button
         class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
         type="button"
@@ -115,54 +122,50 @@ exports[`GasSettings > renders the GasSettings component opened 1`] = `
           CLOSE
         </span>
       </button>
-      <!--&lt;Button&gt;-->
     </dd>
   </dl>
    
   <div
-    class="gas-settings s-qWT2RqqjhEXG"
+    class="gas-settings svelte-1daay07"
     style="animation: __svelte_276924520_0 400ms linear 0ms 1 both;"
   >
     <label
-      class="gas-control s-POS_LBjGgkOM"
+      class="gas-control svelte-1p4ekyk"
     >
       <span
-        class="gas-control__label s-POS_LBjGgkOM"
+        class="gas-control__label svelte-1p4ekyk"
       >
-        Price: (lux)
+        Price (lux):
       </span>
        
       <input
-        class="dusk-textbox dusk-textbox-number gas-control__input"
-        max="20000000"
-        min="1"
+        class="dusk-textbox dusk-textbox-text gas-control__input"
+        inputmode="numeric"
+        pattern="\\d+"
         required=""
-        type="number"
+        type="text"
       />
       
-      <!--&lt;Textbox&gt;-->
     </label>
      
     <label
-      class="gas-control s-POS_LBjGgkOM"
+      class="gas-control svelte-1p4ekyk"
     >
       <span
-        class="gas-control__label s-POS_LBjGgkOM"
+        class="gas-control__label svelte-1p4ekyk"
       >
-        Gas Limit: (unit)
+        Gas Limit (unit):
       </span>
        
       <input
-        class="dusk-textbox dusk-textbox-number gas-control__input"
-        max="1000000000"
-        min="10000000"
+        class="dusk-textbox dusk-textbox-text gas-control__input"
+        inputmode="numeric"
+        pattern="\\d+"
         required=""
-        type="number"
+        type="text"
       />
       
-      <!--&lt;Textbox&gt;-->
     </label>
-    <!--&lt;GasControls&gt;-->
   </div>
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/OperationResult.spec.js.snap b/src/lib/components/__tests__/__snapshots__/OperationResult.spec.js.snap
index f8de0a8f..16a11535 100644
--- a/src/lib/components/__tests__/__snapshots__/OperationResult.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/OperationResult.spec.js.snap
@@ -2,46 +2,48 @@
 
 exports[`OperationResult > should accept a custom message for the failure state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
-  <svg
-    class="dusk-icon dusk-icon--size--large"
-    role="graphics-symbol"
-    viewBox="0 0 24 24"
-  >
-    <path
-      d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
-    />
-  </svg>
-  
-  <!--&lt;Icon&gt;-->
-   
-  <details
-    class="dusk-error-details dusk-error-details__details"
+  <div
+    class="dusk-error-alert dusk-error-alert--large-gap dusk-suspense__error"
   >
-    <summary
-      class="dusk-error-details__summary"
+    <svg
+      class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      Transaction failed
-    </summary>
+      <path
+        d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+      />
+    </svg>
+    
      
-    <pre
-      class="dusk-error-details__error"
+    <details
+      class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
     >
-      			
-      some error
-      
+      <summary
+        class="dusk-error-details__summary"
+      >
+        Transaction failed
+      </summary>
+       
+      <pre
+        class="dusk-error-details__error"
+      >
+        			
+        some error
+        
 		
-    </pre>
-  </details>
-  
-  <!--&lt;ErrorDetails&gt;-->
-   
+      </pre>
+    </details>
+    
+  </div>
    
   <a
     aria-disabled="false"
-    class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal"
-    href="/dashboard"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default"
+    href="/some-base-path/dashboard"
+    slot="error-extra-content"
   >
     <span
       class="dusk-anchor-button__text"
@@ -50,17 +52,16 @@ exports[`OperationResult > should accept a custom message for the failure state
     </span>
     
   </a>
-  <!--&lt;Anchor&gt;-->
-  <!--&lt;AnchorButton&gt;-->
+   
 </div>
 `;
 
 exports[`OperationResult > should accept a custom message for the pending state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
   <svg
-    class="dusk-throbber"
+    class="dusk-throbber dusk-suspense__throbber"
     height="64px"
     role="progressbar"
     viewBox="0 0 128 128"
@@ -80,10 +81,9 @@ exports[`OperationResult > should accept a custom message for the pending state
       />
     </g>
   </svg>
-  <!--&lt;Throbber&gt;-->
    
   <span
-    class="s-iQe6V4SteEBR"
+    class="dusk-suspense__pending-message"
   >
     Transaction pending
   </span>
@@ -92,7 +92,7 @@ exports[`OperationResult > should accept a custom message for the pending state
 
 exports[`OperationResult > should accept a custom message for the successful state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
   <svg
     class="dusk-icon dusk-icon--size--large"
@@ -104,19 +104,16 @@ exports[`OperationResult > should accept a custom message for the successful sta
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
    
-  <span
-    class="s-iQe6V4SteEBR"
-  >
-    Transaction completed
-  </span>
+  <b>
+    Transaction created
+  </b>
    
    
   <a
     aria-disabled="false"
-    class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal"
-    href="/dashboard"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default"
+    href="/some-base-path/dashboard"
   >
     <span
       class="dusk-anchor-button__text"
@@ -125,17 +122,15 @@ exports[`OperationResult > should accept a custom message for the successful sta
     </span>
     
   </a>
-  <!--&lt;Anchor&gt;-->
-  <!--&lt;AnchorButton&gt;-->
 </div>
 `;
 
 exports[`OperationResult > should be able to render the \`OperationResult\` component in a pending state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
   <svg
-    class="dusk-throbber"
+    class="dusk-throbber dusk-suspense__throbber"
     height="64px"
     role="progressbar"
     viewBox="0 0 128 128"
@@ -155,10 +150,9 @@ exports[`OperationResult > should be able to render the \`OperationResult\` comp
       />
     </g>
   </svg>
-  <!--&lt;Throbber&gt;-->
    
   <span
-    class="s-iQe6V4SteEBR"
+    class="dusk-suspense__pending-message"
   >
     
   </span>
@@ -167,46 +161,48 @@ exports[`OperationResult > should be able to render the \`OperationResult\` comp
 
 exports[`OperationResult > should be able to render the \`OperationResult\` in a failure state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
-  <svg
-    class="dusk-icon dusk-icon--size--large"
-    role="graphics-symbol"
-    viewBox="0 0 24 24"
-  >
-    <path
-      d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
-    />
-  </svg>
-  
-  <!--&lt;Icon&gt;-->
-   
-  <details
-    class="dusk-error-details dusk-error-details__details"
+  <div
+    class="dusk-error-alert dusk-error-alert--large-gap dusk-suspense__error"
   >
-    <summary
-      class="dusk-error-details__summary"
+    <svg
+      class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      Operation failed
-    </summary>
+      <path
+        d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+      />
+    </svg>
+    
      
-    <pre
-      class="dusk-error-details__error"
+    <details
+      class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
     >
-      			
-      some error
-      
+      <summary
+        class="dusk-error-details__summary"
+      >
+        Operation failed
+      </summary>
+       
+      <pre
+        class="dusk-error-details__error"
+      >
+        			
+        some error
+        
 		
-    </pre>
-  </details>
-  
-  <!--&lt;ErrorDetails&gt;-->
-   
+      </pre>
+    </details>
+    
+  </div>
    
   <a
     aria-disabled="false"
-    class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal"
-    href="/dashboard"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default"
+    href="/some-base-path/dashboard"
+    slot="error-extra-content"
   >
     <span
       class="dusk-anchor-button__text"
@@ -215,14 +211,13 @@ exports[`OperationResult > should be able to render the \`OperationResult\` in a
     </span>
     
   </a>
-  <!--&lt;Anchor&gt;-->
-  <!--&lt;AnchorButton&gt;-->
+   
 </div>
 `;
 
 exports[`OperationResult > should be able to render the \`OperationResult\` in a successful state 1`] = `
 <div
-  class="operation-result s-iQe6V4SteEBR"
+  class="dusk-suspense dusk-suspense--large-gap operation-result"
 >
   <svg
     class="dusk-icon dusk-icon--size--large"
@@ -234,19 +229,16 @@ exports[`OperationResult > should be able to render the \`OperationResult\` in a
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
    
-  <span
-    class="s-iQe6V4SteEBR"
-  >
+  <b>
     Operation completed
-  </span>
+  </b>
    
    
   <a
     aria-disabled="false"
-    class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal"
-    href="/dashboard"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default"
+    href="/some-base-path/dashboard"
   >
     <span
       class="dusk-anchor-button__text"
@@ -255,7 +247,5 @@ exports[`OperationResult > should be able to render the \`OperationResult\` in a
     </span>
     
   </a>
-  <!--&lt;Anchor&gt;-->
-  <!--&lt;AnchorButton&gt;-->
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/ScanQR.spec.js.snap b/src/lib/components/__tests__/__snapshots__/ScanQR.spec.js.snap
index 1ae42884..1e17e5ad 100644
--- a/src/lib/components/__tests__/__snapshots__/ScanQR.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/ScanQR.spec.js.snap
@@ -2,23 +2,22 @@
 
 exports[`ScanQR > renders the ScanQR component 1`] = `
 <div
-  class="scan s--VhvQ6ibSubn"
+  class="scan svelte-1uf7z44"
 >
   <video
-    class="s--VhvQ6ibSubn"
+    class="svelte-1uf7z44"
   >
     <track
-      class="s--VhvQ6ibSubn"
       kind="captions"
     />
   </video>
    
   <div
-    class="scan__highlight s--VhvQ6ibSubn"
+    class="scan__highlight svelte-1uf7z44"
   />
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--small"
+    class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
     type="button"
   >
     <span
@@ -27,6 +26,5 @@ exports[`ScanQR > renders the ScanQR component 1`] = `
       CLOSE
     </span>
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap b/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap
index 50697c43..28294d9e 100644
--- a/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap
@@ -1,669 +1,1255 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Send > Address step > should render the Send component Address step 1`] = `
-<div>
+exports[`Send > Address step > should display a warning if the address input is a public account 1`] = `
+<div
+  class="operation svelte-adnu6a"
+>
   <div
-    class="operation s-m9vn8aRVZTU1"
+    class="dusk-wizard"
   >
     <div
-      class="dusk-wizard"
+      slot="stepper"
     >
-      
-      <!--&lt;WizardStep&gt;-->
-       
-       
-       
       <div
-        class="operation__send s-m9vn8aRVZTU1"
-        style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 0%;"
       >
-        <dl
-          class="contract-statuses s-fYGIMZDSuGmT"
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
         >
-          <dt
-            class="contract-statuses__label s-fYGIMZDSuGmT"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value s-fYGIMZDSuGmT"
-          >
-            <span
-              class="s-fYGIMZDSuGmT"
-            >
-              1,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <!--&lt;ContractStatusesList&gt;-->
+          1
+        </span>
          
-        <div
-          class="operation__send-amount operation__space-between s-m9vn8aRVZTU1"
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
         >
-          <p
-            class="s-m9vn8aRVZTU1"
-          >
-            Enter address:
-          </p>
+          Address
            
-          <button
-            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--small"
-            disabled=""
-            type="button"
-          >
-            <span
-              class="dusk-button__text"
-            >
-              SCAN QR
-            </span>
-          </button>
-          <!--&lt;Button&gt;-->
-        </div>
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          2
+        </span>
          
-        <textarea
-          class="dusk-textbox dusk-textbox-multiline operation__send-address"
-        />
-        
-        <!--&lt;Textbox&gt;-->
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
          
-        <div
-          class="scan s--VhvQ6ibSubn"
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
         >
-          <video
-            class="s--VhvQ6ibSubn"
-          >
-            <track
-              class="s--VhvQ6ibSubn"
-              kind="captions"
-            />
-          </video>
+          Overview
            
-          <div
-            class="scan__highlight s--VhvQ6ibSubn"
-          />
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
            
-          <button
-            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--small"
-            type="button"
-          >
-            <span
-              class="dusk-button__text"
-            >
-              CLOSE
-            </span>
-          </button>
-          <!--&lt;Button&gt;-->
-        </div>
-        <!--&lt;ScanQR&gt;-->
+        </span>
+        
       </div>
-       
+      
+    </div>
+     
+     
+     
+    <div
+      class="operation__send svelte-adnu6a"
+    >
       <div
-        class="dusk-wizard__step-navigation"
+        class="operation__address-wrapper svelte-adnu6a"
       >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
-          type="button"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <span
-            class="dusk-button__text"
-          >
-            Back
-          </span>
-          
-        </button>
-        <!--&lt;Button&gt;-->
-        
+        <p>
+          Address
+        </p>
          
         <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
           disabled=""
           type="button"
         >
           <span
             class="dusk-button__text"
           >
-            Next
+            SCAN QR
           </span>
-           
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
         </button>
-        <!--&lt;Button&gt;-->
       </div>
-      
-      
-      <!--&lt;WizardStep&gt;-->
        
+      <textarea
+        class="dusk-textbox dusk-textbox-multiline operation__send-address"
+        required=""
+      />
       
-      <!--&lt;WizardStep&gt;-->
-       
-      
-      <!--&lt;WizardStep&gt;-->
-    </div>
-    <!--&lt;Wizard&gt;-->
-  </div>
-  <!--&lt;Send&gt;-->
-</div>
-`;
-
-exports[`Send > Amount step > should render the Send component Amount step 1`] = `
-<div>
-  <div
-    class="operation s-m9vn8aRVZTU1"
-  >
-    <div
-      class="dusk-wizard"
-    >
        
        
       <div
-        class="operation__send s-m9vn8aRVZTU1"
+        class="banner banner--info"
       >
-        <dl
-          class="contract-statuses s-fYGIMZDSuGmT"
-        >
-          <dt
-            class="contract-statuses__label s-fYGIMZDSuGmT"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value s-fYGIMZDSuGmT"
-          >
-            <span
-              class="s-fYGIMZDSuGmT"
-            >
-              1,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <!--&lt;ContractStatusesList&gt;-->
-         
-        <div
-          class="operation__send-amount operation__space-between s-m9vn8aRVZTU1"
+        <svg
+          class="dusk-icon dusk-icon--size--large banner__icon banner__icon--info"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
         >
-          <p
-            class="s-m9vn8aRVZTU1"
-          >
-            Enter amount:
-          </p>
-           
-          <button
-            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
-            type="button"
-          >
-            <span
-              class="dusk-button__text"
-            >
-              USE MAX
-            </span>
-          </button>
-          <!--&lt;Button&gt;-->
-        </div>
-         
-        <div
-          class="operation__send-amount operation__input s-m9vn8aRVZTU1"
-        >
-          <input
-            class="dusk-textbox dusk-textbox-number operation__input-field"
-            max="999.98"
-            min="1e-9"
-            required=""
-            step="0.000000001"
-            type="number"
+          <path
+            d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"
           />
-          
-          <!--&lt;Textbox&gt;-->
-           
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="DUSK"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-        </div>
+        </svg>
+        
          
-        <div
-          class="gas-settings s-qWT2RqqjhEXG"
-        >
-          <dl
-            class="gas-settings__edit s-qWT2RqqjhEXG"
+        <div>
+          <strong
+            class="banner__title"
           >
-            <div
-              class="gas-fee s-IvXTyNf8Mc_c"
-            >
-              <span
-                class="s-IvXTyNf8Mc_c"
-              >
-                Max Gas Fee:
-              </span>
-               
-              <div
-                class="gas-fee__amount s-IvXTyNf8Mc_c"
-              >
-                <span
-                  class="gas-fee__amount-value s-IvXTyNf8Mc_c"
-                >
-                  0.020000000
-                </span>
-                 
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
-                  data-tooltip-id="main-tooltip"
-                  data-tooltip-text="DUSK"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-              </div>
-            </div>
-            <!--&lt;GasFee&gt;-->
-            <dd
-              class="s-qWT2RqqjhEXG"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
-                type="button"
-              >
-                <span
-                  class="dusk-button__text"
-                >
-                  EDIT
-                </span>
-              </button>
-              <!--&lt;Button&gt;-->
-            </dd>
-          </dl>
+            Public account detected
+          </strong>
            
+          <p>
+            This transaction will be public and sent from your 
+            <strong>
+              public
+            </strong>
+             account.
+          </p>
         </div>
-        <!--&lt;GasSettings&gt;-->
       </div>
        
       <div
-        class="dusk-wizard__step-navigation"
+        class="scan svelte-1uf7z44"
       >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
-          type="button"
+        <video
+          class="svelte-1uf7z44"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <span
-            class="dusk-button__text"
-          >
-            Back
-          </span>
-          
-        </button>
-        <!--&lt;Button&gt;-->
-        
+          <track
+            kind="captions"
+          />
+        </video>
+         
+        <div
+          class="scan__highlight svelte-1uf7z44"
+        />
          
         <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
           type="button"
         >
           <span
             class="dusk-button__text"
           >
-            Next
+            CLOSE
           </span>
-           
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
         </button>
-        <!--&lt;Button&gt;-->
       </div>
-      
-      
-      <!--&lt;WizardStep&gt;-->
        
-      
-      <!--&lt;WizardStep&gt;-->
        
+    </div>
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+        href="/some-base-path/dashboard"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-anchor-button__text"
+        >
+          Back
+        </span>
+        
+        
+      </a>
       
-      <!--&lt;WizardStep&gt;-->
        
-      
-      <!--&lt;WizardStep&gt;-->
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
     </div>
-    <!--&lt;Wizard&gt;-->
+    
+    
+     
+    
+     
+    
+     
+    
   </div>
-  <!--&lt;Send&gt;-->
 </div>
 `;
 
-exports[`Send > Review step > should render the Send component Review step 1`] = `
-<div>
+exports[`Send > Address step > should display a warning if the address input is self-referential 1`] = `
+<div
+  class="operation svelte-adnu6a"
+>
   <div
-    class="operation s-m9vn8aRVZTU1"
+    class="dusk-wizard"
   >
     <div
-      class="dusk-wizard"
+      slot="stepper"
     >
-      
-      <!--&lt;WizardStep&gt;-->
-       
-      
-      <!--&lt;WizardStep&gt;-->
-       
-       
-       
       <div
-        class="operation__send s-m9vn8aRVZTU1"
-        style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 0%;"
       >
-        <dl
-          class="contract-statuses s-fYGIMZDSuGmT"
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
         >
-          <dt
-            class="contract-statuses__label s-fYGIMZDSuGmT"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value s-fYGIMZDSuGmT"
-          >
-            <span
-              class="s-fYGIMZDSuGmT"
-            >
-              1,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <!--&lt;ContractStatusesList&gt;-->
+          1
+        </span>
          
         <span
-          class="dusk-badge dusk-badge--variant-warning operation__review-notice"
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Address
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
         >
-          REVIEW TRANSACTION
+          2
         </span>
-        <!--&lt;Badge&gt;-->
          
-        <dl
-          class="operation__review-transaction s-m9vn8aRVZTU1"
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
         >
-          <dt
-            class="review-transaction__label s-m9vn8aRVZTU1"
-          >
-            <svg
-              class="dusk-icon dusk-icon--size--normal"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="s-m9vn8aRVZTU1"
-            >
-              Amount:
-            </span>
-             
-          </dt>
-          <dd
-            class="review-transaction__value operation__review-amount s-m9vn8aRVZTU1"
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
+           
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+     
+    <div
+      class="operation__send svelte-adnu6a"
+    >
+      <div
+        class="operation__address-wrapper svelte-adnu6a"
+      >
+        <p>
+          Address
+        </p>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
           >
-            <span
-              class="s-m9vn8aRVZTU1"
-            >
-              2,345.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-          </dd>
-        </dl>
+            SCAN QR
+          </span>
+        </button>
+      </div>
+       
+      <textarea
+        class="dusk-textbox dusk-textbox-multiline operation__send-address"
+        required=""
+      />
+      
+       
+       
+      <div
+        class="banner banner--info"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large banner__icon banner__icon--info"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"
+          />
+        </svg>
+        
          
-        <dl
-          class="operation__review-transaction s-m9vn8aRVZTU1"
+        <div>
+          <strong
+            class="banner__title"
+          >
+            Public account detected
+          </strong>
+           
+          <p>
+            This transaction will be public and sent from your 
+            <strong>
+              public
+            </strong>
+             account.
+          </p>
+        </div>
+      </div>
+       
+      <div
+        class="scan svelte-1uf7z44"
+      >
+        <video
+          class="svelte-1uf7z44"
+        >
+          <track
+            kind="captions"
+          />
+        </video>
+         
+        <div
+          class="scan__highlight svelte-1uf7z44"
+        />
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+          type="button"
         >
-          <dt
-            class="review-transaction__label s-m9vn8aRVZTU1"
+          <span
+            class="dusk-button__text"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--normal"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="s-m9vn8aRVZTU1"
-            >
-              To:
-            </span>
-             
-          </dt>
-          <dd
-            class="operation__review-address s-m9vn8aRVZTU1"
+            CLOSE
+          </span>
+        </button>
+      </div>
+       
+      <div
+        class="banner banner--warning"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large banner__icon banner__icon--warning"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+          />
+        </svg>
+        
+         
+        <div>
+          <strong
+            class="banner__title"
           >
-            <span
-              class="s-m9vn8aRVZTU1"
-            >
-              aB5rL7yC2zK9eV3xH1gQ6fP4jD8sM0iU2oX7wG9nZ8lT3hU4jP5mK8nS6qJ3wF4aA9bB2cC5dD8eE7
-            </span>
-          </dd>
-        </dl>
+            Self-referential transaction detected
+          </strong>
+           
+          <p>
+            You are attempting to initiate a transaction with your own wallet
+              address as both the sender and the receiver. Self-referential
+              transactions may not have meaningful purpose and will incur gas
+              fees.
+          </p>
+        </div>
+      </div>
+       
+    </div>
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+        href="/some-base-path/dashboard"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-anchor-button__text"
+        >
+          Back
+        </span>
+        
+        
+      </a>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
+
+exports[`Send > Address step > should render the Send component Address step 1`] = `
+<div
+  class="operation svelte-adnu6a"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 0%;"
+      >
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Address
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
+           
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+     
+    <div
+      class="operation__send svelte-adnu6a"
+    >
+      <div
+        class="operation__address-wrapper svelte-adnu6a"
+      >
+        <p>
+          Address
+        </p>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            SCAN QR
+          </span>
+        </button>
+      </div>
+       
+      <textarea
+        class="dusk-textbox dusk-textbox-multiline operation__send-address"
+        required=""
+      />
+      
+       
+       
+       
+      <div
+        class="scan svelte-1uf7z44"
+      >
+        <video
+          class="svelte-1uf7z44"
+        >
+          <track
+            kind="captions"
+          />
+        </video>
          
         <div
-          class="gas-fee s-IvXTyNf8Mc_c"
+          class="scan__highlight svelte-1uf7z44"
+        />
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+          type="button"
         >
           <span
-            class="s-IvXTyNf8Mc_c"
+            class="dusk-button__text"
           >
-            Max Gas Fee:
+            CLOSE
           </span>
+        </button>
+      </div>
+       
+       
+    </div>
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+        href="/some-base-path/dashboard"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-anchor-button__text"
+        >
+          Back
+        </span>
+        
+        
+      </a>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
+
+exports[`Send > Amount step > should render the Send component Amount step 1`] = `
+<div
+  class="operation svelte-adnu6a"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 25%;"
+      >
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Address
+           
+        </span>
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
            
+        </span>
+        
+      </div>
+      
+    </div>
+     
+    
+     
+     
+     
+    <div
+      class="operation__send svelte-adnu6a"
+      style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+    >
+      <div
+        class="operation__amount-wrapper svelte-adnu6a"
+      >
+        <p>
+          Amount
+        </p>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            USE MAX
+          </span>
+        </button>
+      </div>
+       
+      <div
+        class="operation__input-wrapper svelte-adnu6a"
+      >
+        <input
+          class="dusk-textbox dusk-textbox-number operation__input-field"
+          max="999.98"
+          min="1e-9"
+          required=""
+          step="0.000000001"
+          type="number"
+        />
+        
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="DUSK"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+          />
+        </svg>
+        
+      </div>
+       
+      <div
+        class="operation__input-wrapper svelte-adnu6a"
+      >
+        <p>
+          Memo
+           (optional)
+        </p>
+         
+        <div
+          aria-checked="false"
+          aria-disabled="false"
+          class="dusk-switch dusk-switch--on-surface"
+          role="switch"
+          tabindex="0"
+        />
+      </div>
+       
+       
+      <div
+        class="gas-settings svelte-1daay07"
+      >
+        <dl
+          class="gas-settings__edit svelte-1daay07"
+        >
           <div
-            class="gas-fee__amount s-IvXTyNf8Mc_c"
+            class="gas-fee svelte-1c6b481"
           >
-            <span
-              class="gas-fee__amount-value s-IvXTyNf8Mc_c"
-            >
-              0.020000000
+            <span>
+              Fee:
             </span>
              
-            <svg
-              class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
+            <div
+              class="gas-fee__amount svelte-1c6b481"
             >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
+              <div
+                class="gas-fee__amount-value svelte-1c6b481"
+              >
+                <span
+                  class="svelte-1c6b481"
+                >
+                  max
+                </span>
+                 
+                <span
+                  class="svelte-1c6b481"
+                >
+                  0.020000000
+                </span>
+              </div>
+               
+              <svg
+                class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </div>
           </div>
-        </div>
-        <!--&lt;GasFee&gt;-->
+          <dd>
+            <button
+              class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+              type="button"
+            >
+              <span
+                class="dusk-button__text"
+              >
+                EDIT
+              </span>
+            </button>
+          </dd>
+        </dl>
+         
       </div>
        
+    </div>
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
+        >
+          Back
+        </span>
+        
+      </button>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
+
+exports[`Send > Review step > should render the Send component Review step 1`] = `
+<div
+  class="operation svelte-adnu6a"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
       <div
-        class="dusk-wizard__step-navigation"
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 50%;"
       >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
-          type="button"
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Address
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
+           
+        </span>
+        
+      </div>
+      
+    </div>
+     
+    
+     
+    
+     
+     
+     
+    <div
+      class="operation__send svelte-adnu6a"
+      style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+    >
+      <span
+        class="dusk-badge dusk-badge--variant-warning operation__review-notice"
+      >
+        REVIEW TRANSACTION
+      </span>
+       
+      <dl
+        class="operation__review-transaction svelte-adnu6a"
+      >
+        <dt
+          class="review-transaction__label svelte-adnu6a"
         >
           <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+            class="dusk-icon dusk-icon--size--default"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+              d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
            
-          <span
-            class="dusk-button__text"
-          >
-            Back
+          <span>
+            Amount
+          </span>
+           
+        </dt>
+        <dd
+          class="review-transaction__value operation__review-amount svelte-adnu6a"
+        >
+          <span>
+            2,345.000000000
           </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
           
-        </button>
-        <!--&lt;Button&gt;-->
-        
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled"
-          type="button"
+        </dd>
+      </dl>
+       
+      <dl
+        class="operation__review-transaction svelte-adnu6a"
+      >
+        <dt
+          class="review-transaction__label svelte-adnu6a"
         >
           <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+            class="dusk-icon dusk-icon--size--default"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
+              d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
            
-          <span
-            class="dusk-button__text"
-          >
-            SEND
+          <span>
+            To
           </span>
+           
+        </dt>
+        <dd
+          class="operation__review-address svelte-adnu6a"
+        >
+          <span>
+            47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM
+          </span>
+        </dd>
+      </dl>
+       
+      <dl
+        class="operation__review-transaction svelte-adnu6a"
+      >
+        <dt
+          class="review-transaction__label svelte-adnu6a"
+        >
+          <span>
+            Memo
+          </span>
+           
+        </dt>
+        <dd
+          class="operation__review-memo svelte-adnu6a"
+        >
+          <span>
+            abc-example-memo
+          </span>
+        </dd>
+      </dl>
+       
+      <div
+        class="gas-fee svelte-1c6b481"
+      >
+        <span>
+          Fee:
+        </span>
+         
+        <div
+          class="gas-fee__amount svelte-1c6b481"
+        >
+          <div
+            class="gas-fee__amount-value svelte-1c6b481"
+          >
+            <span
+              class="svelte-1c6b481"
+            >
+              max
+            </span>
+             
+            <span
+              class="svelte-1c6b481"
+            >
+              0.020000000
+            </span>
+          </div>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
           
-        </button>
-        <!--&lt;Button&gt;-->
+        </div>
       </div>
+    </div>
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
+        >
+          Back
+        </span>
+        
+      </button>
       
-      
-      <!--&lt;WizardStep&gt;-->
        
-      
-      <!--&lt;WizardStep&gt;-->
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
+        >
+          SEND
+        </span>
+        
+      </button>
     </div>
-    <!--&lt;Wizard&gt;-->
+    
+    
+     
+    
   </div>
-  <!--&lt;Send&gt;-->
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/Stake.spec.js.snap b/src/lib/components/__tests__/__snapshots__/Stake.spec.js.snap
index a55eb461..46b0b44c 100644
--- a/src/lib/components/__tests__/__snapshots__/Stake.spec.js.snap
+++ b/src/lib/components/__tests__/__snapshots__/Stake.spec.js.snap
@@ -2,116 +2,74 @@
 
 exports[`Stake > should render the Stake component 1`] = `
 <div
-  class="operation s-DFOGCf36SJsY"
+  class="operation"
 >
   <div
     class="dusk-wizard"
   >
-     
-     
-    <dl
-      class="contract-statuses s-fYGIMZDSuGmT"
+    <div
+      slot="stepper"
     >
-      <dt
-        class="contract-statuses__label s-fYGIMZDSuGmT"
-      >
-        Spendable
-         
-      </dt>
-      <dd
-        class="contract-statuses__value s-fYGIMZDSuGmT"
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 3; --progress-width: 0%;"
       >
         <span
-          class="s-fYGIMZDSuGmT"
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
         >
-          1,000.000000000
+          1
         </span>
          
-        <svg
-          class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
         >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-         
-      </dd>
-      <dt
-        class="contract-statuses__label s-fYGIMZDSuGmT"
-      >
-        Total Locked
-         
-      </dt>
-      <dd
-        class="contract-statuses__value s-fYGIMZDSuGmT"
-      >
+          Amount
+           
+        </span>
         <span
-          class="s-fYGIMZDSuGmT"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
         >
-          278.000000000
+          2
         </span>
          
-        <svg
-          class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
         >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-         
-      </dd>
-      <dt
-        class="contract-statuses__label s-fYGIMZDSuGmT"
-      >
-        Rewards
-         
-      </dt>
-      <dd
-        class="contract-statuses__value s-fYGIMZDSuGmT"
-      >
+          Overview
+           
+        </span>
         <span
-          class="s-fYGIMZDSuGmT"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
         >
-          345.000000000
+          3
         </span>
          
-        <svg
-          class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
         >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
+          Done
+           
+        </span>
         
-        <!--&lt;Icon&gt;-->
-         
-      </dd>
-    </dl>
-    <!--&lt;ContractStatusesList&gt;-->
+      </div>
+      
+    </div>
+     
+     
+     
      
     <div
-      class="operation__amount operation__space-between s-DFOGCf36SJsY"
+      class="operation__amount-wrapper svelte-xevz12"
     >
-      <p
-        class="s-DFOGCf36SJsY"
-      >
-        Enter amount:
+      <p>
+        Amount:
       </p>
        
       <button
@@ -124,25 +82,23 @@ exports[`Stake > should render the Stake component 1`] = `
           USE MAX
         </span>
       </button>
-      <!--&lt;Button&gt;-->
     </div>
      
     <div
-      class="operation__amount operation__input s-DFOGCf36SJsY"
+      class="operation__input-wrapper svelte-xevz12"
     >
       <input
         class="dusk-textbox dusk-textbox-number operation__input-field"
         max="9999.98"
-        min="1000"
+        min="1234"
         required=""
         step="0.000000001"
         type="number"
       />
       
-      <!--&lt;Textbox&gt;-->
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         data-tooltip-id="main-tooltip"
         data-tooltip-text="DUSK"
         role="graphics-symbol"
@@ -153,35 +109,42 @@ exports[`Stake > should render the Stake component 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
     </div>
      
     <div
-      class="gas-settings s-qWT2RqqjhEXG"
+      class="gas-settings svelte-1daay07"
     >
       <dl
-        class="gas-settings__edit s-qWT2RqqjhEXG"
+        class="gas-settings__edit svelte-1daay07"
       >
         <div
-          class="gas-fee s-IvXTyNf8Mc_c"
+          class="gas-fee svelte-1c6b481"
         >
-          <span
-            class="s-IvXTyNf8Mc_c"
-          >
-            Max Gas Fee:
+          <span>
+            Fee:
           </span>
            
           <div
-            class="gas-fee__amount s-IvXTyNf8Mc_c"
+            class="gas-fee__amount svelte-1c6b481"
           >
-            <span
-              class="gas-fee__amount-value s-IvXTyNf8Mc_c"
+            <div
+              class="gas-fee__amount-value svelte-1c6b481"
             >
-              0.020000000
-            </span>
+              <span
+                class="svelte-1c6b481"
+              >
+                max
+              </span>
+               
+              <span
+                class="svelte-1c6b481"
+              >
+                0.020000000
+              </span>
+            </div>
              
             <svg
-              class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
+              class="dusk-icon dusk-icon--size--default dusk-amount__icon"
               data-tooltip-id="main-tooltip"
               data-tooltip-text="DUSK"
               role="graphics-symbol"
@@ -192,13 +155,9 @@ exports[`Stake > should render the Stake component 1`] = `
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
           </div>
         </div>
-        <!--&lt;GasFee&gt;-->
-        <dd
-          class="s-qWT2RqqjhEXG"
-        >
+        <dd>
           <button
             class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
             type="button"
@@ -209,22 +168,22 @@ exports[`Stake > should render the Stake component 1`] = `
               EDIT
             </span>
           </button>
-          <!--&lt;Button&gt;-->
         </dd>
       </dl>
        
     </div>
-    <!--&lt;GasSettings&gt;-->
+     
+    
      
     <div
       class="dusk-wizard__step-navigation"
     >
       <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
         type="button"
       >
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
           role="graphics-symbol"
           viewBox="0 0 24 24"
         >
@@ -233,7 +192,6 @@ exports[`Stake > should render the Stake component 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
          
         <span
           class="dusk-button__text"
@@ -242,11 +200,10 @@ exports[`Stake > should render the Stake component 1`] = `
         </span>
         
       </button>
-      <!--&lt;Button&gt;-->
       
        
       <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
         type="button"
       >
         <span
@@ -256,7 +213,7 @@ exports[`Stake > should render the Stake component 1`] = `
         </span>
          
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
           role="graphics-symbol"
           viewBox="0 0 24 24"
         >
@@ -265,151 +222,320 @@ exports[`Stake > should render the Stake component 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
       </button>
-      <!--&lt;Button&gt;-->
     </div>
     
     
-    <!--&lt;WizardStep&gt;-->
      
     
-    <!--&lt;WizardStep&gt;-->
      
     
-    <!--&lt;WizardStep&gt;-->
   </div>
-  <!--&lt;Wizard&gt;-->
 </div>
 `;
 
-exports[`Stake > should render the review step of the Stake component 1`] = `
+exports[`Stake > should render the Stake notice 1`] = `
 <div
-  class="operation s-DFOGCf36SJsY"
+  class="operation"
 >
   <div
     class="dusk-wizard"
   >
-    
-    <!--&lt;WizardStep&gt;-->
-     
-     
-     
     <div
-      class="operation__stake s-DFOGCf36SJsY"
-      style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+      slot="stepper"
     >
-      <dl
-        class="contract-statuses s-fYGIMZDSuGmT"
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 4; --progress-width: 0%;"
       >
-        <dt
-          class="contract-statuses__label s-fYGIMZDSuGmT"
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
         >
-          Spendable
+          Notice
            
-        </dt>
-        <dd
-          class="contract-statuses__value s-fYGIMZDSuGmT"
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
         >
-          <span
-            class="s-fYGIMZDSuGmT"
-          >
-            1,000.000000000
-          </span>
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Amount
            
-          <svg
-            class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="DUSK"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
            
-        </dd>
-        <dt
-          class="contract-statuses__label s-fYGIMZDSuGmT"
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          4
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
         >
-          Total Locked
+          Done
            
-        </dt>
-        <dd
-          class="contract-statuses__value s-fYGIMZDSuGmT"
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+     
+    <span
+      class="dusk-badge dusk-badge--variant-warning"
+    >
+      WARNING
+    </span>
+     
+    <div
+      class="dusk-card dusk-card--gap-default dusk-card--on-surface"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
         >
-          <span
-            class="s-fYGIMZDSuGmT"
+          <div
+            class="dusk-card__heading-container dusk-card__heading-container--warning-card"
           >
-            278.000000000
-          </span>
-           
-          <svg
-            class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="DUSK"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+            <svg
+              class="dusk-icon dusk-icon--size--default"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+              />
+            </svg>
+            
+             
+            <h3
+              class="h4"
+            >
+              Only stake if you have a node set up!
+            </h3>
+          </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <p
+          class="staking-warning svelte-xevz12"
+        >
+          I understand that I have set up a node properly, as described 
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="https://docs.dusk.network/operator/provisioner/"
+            rel="noopener noreferrer"
+            target="_blank"
           >
-            <path
-              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+            HERE
+          </a>
+          , and that, if not done correctly, I may be subject to 
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="https://docs.dusk.network/operator/provisioner/#slashing"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            soft-slashing
+          </a>
+           penalties, requiring me to unstake and stake again.
+        </p>
+         
+        <div
+          class="dusk-agreement staking-warning__agreement"
+        >
+          <input
+            class="dusk-checkbox"
+            id="dusk-checkbox-16"
+            name="staking-warning"
+            tabindex="0"
+            type="checkbox"
+          />
            
-        </dd>
-        <dt
-          class="contract-statuses__label s-fYGIMZDSuGmT"
+          <label
+            class="dusk-agreement__label"
+            for="dusk-checkbox-16"
+          >
+            Don't show this step again.
+          </label>
+        </div>
+      </div>
+       
+    </div>
+    
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
         >
-          Rewards
+          Back
+        </span>
+        
+      </button>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Agree
+        </span>
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
+
+exports[`Stake > should render the review step of the Stake component 1`] = `
+<div
+  class="operation"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 3; --progress-width: 33.333333333333336%;"
+      >
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Amount
            
-        </dt>
-        <dd
-          class="contract-statuses__value s-fYGIMZDSuGmT"
+        </span>
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
         >
-          <span
-            class="s-fYGIMZDSuGmT"
-          >
-            345.000000000
-          </span>
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Overview
            
-          <svg
-            class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="DUSK"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
            
-        </dd>
-      </dl>
-      <!--&lt;ContractStatusesList&gt;-->
-       
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+    
+     
+     
+     
+    <div
+      class="operation__stake svelte-xevz12"
+      style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
+    >
       <span
-        class="dusk-badge dusk-badge--variant-warning operation__rewards-notice"
+        class="dusk-badge dusk-badge--variant-warning"
       >
         REVIEW TRANSACTION
       </span>
-      <!--&lt;Badge&gt;-->
        
       <dl
-        class="stake-overview s-9iuFfX3q-D8R"
+        class="stake-overview svelte-1uhmq4r"
       >
         <dt
-          class="stake-overview__label s-9iuFfX3q-D8R"
+          class="stake-overview__label"
         >
           <svg
-            class="dusk-icon dusk-icon--size--normal"
+            class="dusk-icon dusk-icon--size--default"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
@@ -418,27 +544,24 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
            
-          <span
-            class="s-9iuFfX3q-D8R"
-          >
+          <span>
             Amount
             :
           </span>
            
         </dt>
         <dd
-          class="stake-overview__value s-9iuFfX3q-D8R"
+          class="stake-overview__value svelte-1uhmq4r"
         >
           <span
-            class="s-9iuFfX3q-D8R"
+            class="svelte-1uhmq4r"
           >
-            1,000.000000000
+            1,234.000000000
           </span>
            
           <svg
-            class="dusk-icon dusk-icon--size--normal stake-overview__icon"
+            class="dusk-icon dusk-icon--size--default stake-overview__icon"
             data-tooltip-id="main-tooltip"
             data-tooltip-text="DUSK"
             role="graphics-symbol"
@@ -449,31 +572,37 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
         </dd>
       </dl>
-      <!--&lt;StakeOverview&gt;-->
        
       <div
-        class="gas-fee s-IvXTyNf8Mc_c"
+        class="gas-fee svelte-1c6b481"
       >
-        <span
-          class="s-IvXTyNf8Mc_c"
-        >
-          Max Gas Fee:
+        <span>
+          Fee:
         </span>
          
         <div
-          class="gas-fee__amount s-IvXTyNf8Mc_c"
+          class="gas-fee__amount svelte-1c6b481"
         >
-          <span
-            class="gas-fee__amount-value s-IvXTyNf8Mc_c"
+          <div
+            class="gas-fee__amount-value svelte-1c6b481"
           >
-            0.020000000
-          </span>
+            <span
+              class="svelte-1c6b481"
+            >
+              max
+            </span>
+             
+            <span
+              class="svelte-1c6b481"
+            >
+              0.020000000
+            </span>
+          </div>
            
           <svg
-            class="dusk-icon dusk-icon--size--normal dusk-amount__icon"
+            class="dusk-icon dusk-icon--size--default dusk-amount__icon"
             data-tooltip-id="main-tooltip"
             data-tooltip-text="DUSK"
             role="graphics-symbol"
@@ -484,21 +613,19 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
         </div>
       </div>
-      <!--&lt;GasFee&gt;-->
     </div>
      
     <div
       class="dusk-wizard__step-navigation"
     >
       <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
         type="button"
       >
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
           role="graphics-symbol"
           viewBox="0 0 24 24"
         >
@@ -507,7 +634,6 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
          
         <span
           class="dusk-button__text"
@@ -516,15 +642,14 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
         </span>
         
       </button>
-      <!--&lt;Button&gt;-->
       
        
       <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled"
+        class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled"
         type="button"
       >
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
           role="graphics-symbol"
           viewBox="0 0 24 24"
         >
@@ -533,24 +658,19 @@ exports[`Stake > should render the review step of the Stake component 1`] = `
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
          
         <span
           class="dusk-button__text"
         >
-          STAKE
+          Stake
         </span>
         
       </button>
-      <!--&lt;Button&gt;-->
     </div>
     
     
-    <!--&lt;WizardStep&gt;-->
      
     
-    <!--&lt;WizardStep&gt;-->
   </div>
-  <!--&lt;Wizard&gt;-->
 </div>
 `;
diff --git a/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap b/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap
new file mode 100644
index 00000000..33740268
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap
@@ -0,0 +1,375 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Transactions > renders the correct amount of Transactions, as the limit supplied 1`] = `
+<article
+  class="transactions svelte-mwi4ip"
+>
+  <header
+    class="transactions__header svelte-mwi4ip"
+  >
+    <h3
+      class="h4"
+    >
+      Transactions
+    </h3>
+     
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default transactions__footer-button"
+      href="/some-base-path/dashboard/transactions"
+    >
+      <span
+        class="dusk-anchor-button__text"
+      >
+        All transactions
+      </span>
+      
+    </a>
+  </header>
+   
+  <div
+    class="dusk-suspense transactions-list__container"
+  >
+    <dl
+      class="transactions-list"
+    >
+      <dt
+        class="transactions-list__term"
+      >
+        Hash
+      </dt>
+      <dd
+        class="transactions-list__datum transactions-list__datum--hash"
+      >
+        <samp>
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh795h"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            tg874534tddsghdtst54hdfh795h
+          </a>
+        </samp>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Type
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        <span
+          class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+        >
+          STAKE
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Block
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        33,460
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Amount
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        +27,000.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Fee
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        1,876.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+    </dl>
+    <dl
+      class="transactions-list"
+    >
+      <dt
+        class="transactions-list__term"
+      >
+        Hash
+      </dt>
+      <dd
+        class="transactions-list__datum transactions-list__datum--hash"
+      >
+        <samp>
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh794h"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            tg874534tddsghdtst54hdfh794h
+          </a>
+        </samp>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Type
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        <span
+          class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+        >
+          TRANSFER
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Block
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        33,459
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Amount
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        -25,000.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+    </dl>
+    <dl
+      class="transactions-list"
+    >
+      <dt
+        class="transactions-list__term"
+      >
+        Hash
+      </dt>
+      <dd
+        class="transactions-list__datum transactions-list__datum--hash"
+      >
+        <samp>
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh793h"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            tg874534tddsghdtst54hdfh793h
+          </a>
+        </samp>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Type
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        <span
+          class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+        >
+          TRANSFER
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Block
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        33,458
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Amount
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        +25,000.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+    </dl>
+    
+    
+  </div>
+</article>
+`;
+
+exports[`Transactions > renders transactions correctly when items are fulfilled 1`] = `
+<article
+  class="transactions svelte-mwi4ip"
+>
+  <header
+    class="transactions__header svelte-mwi4ip"
+  >
+    <h3
+      class="h4"
+    >
+      Transactions
+    </h3>
+     
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default transactions__footer-button"
+      href="/some-base-path/dashboard/transactions"
+    >
+      <span
+        class="dusk-anchor-button__text"
+      >
+        All transactions
+      </span>
+      
+    </a>
+  </header>
+   
+  <div
+    class="dusk-suspense transactions-list__container"
+  >
+    <dl
+      class="transactions-list"
+    >
+      <dt
+        class="transactions-list__term"
+      >
+        Hash
+      </dt>
+      <dd
+        class="transactions-list__datum transactions-list__datum--hash"
+      >
+        <samp>
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh795h"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            tg874534tddsghdtst54hdfh795h
+          </a>
+        </samp>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Type
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        <span
+          class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+        >
+          STAKE
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Block
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        33,460
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Amount
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        +27,000.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+      <dt
+        class="transactions-list__term"
+      >
+        Fee
+      </dt>
+      <dd
+        class="transactions-list__datum"
+      >
+        1,876.00
+         
+        <span
+          class="transactions-list__ticker"
+        >
+          Dusk
+        </span>
+         
+      </dd>
+    </dl>
+    
+    
+  </div>
+</article>
+`;
diff --git a/src/lib/components/__tests__/__snapshots__/Unstake.spec.js.snap b/src/lib/components/__tests__/__snapshots__/Unstake.spec.js.snap
new file mode 100644
index 00000000..e9b8237a
--- /dev/null
+++ b/src/lib/components/__tests__/__snapshots__/Unstake.spec.js.snap
@@ -0,0 +1,466 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Unstake > Claim Rewards operation > should render the claim rewards view 1`] = `
+<div
+  class="operation"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 3; --progress-width: 0%;"
+      >
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
+           
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+     
+    <div
+      class="operation__amount-wrapper svelte-1p653d4"
+    >
+      <p>
+        Amount:
+      </p>
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          USE MAX
+        </span>
+      </button>
+    </div>
+     
+    <div
+      class="operation__input-wrapper svelte-1p653d4"
+    >
+      <input
+        class="dusk-textbox dusk-textbox-number operation__input-field"
+        max="345"
+        required=""
+        step="0.000000001"
+        type="number"
+      />
+      
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="DUSK"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+        />
+      </svg>
+      
+    </div>
+     
+    <div
+      class="gas-settings svelte-1daay07"
+    >
+      <dl
+        class="gas-settings__edit svelte-1daay07"
+      >
+        <div
+          class="gas-fee svelte-1c6b481"
+        >
+          <span>
+            Fee:
+          </span>
+           
+          <div
+            class="gas-fee__amount svelte-1c6b481"
+          >
+            <div
+              class="gas-fee__amount-value svelte-1c6b481"
+            >
+              <span
+                class="svelte-1c6b481"
+              >
+                max
+              </span>
+               
+              <span
+                class="svelte-1c6b481"
+              >
+                0.020000000
+              </span>
+            </div>
+             
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+              />
+            </svg>
+            
+          </div>
+        </div>
+        <dd>
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              EDIT
+            </span>
+          </button>
+        </dd>
+      </dl>
+       
+    </div>
+     
+    
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
+        >
+          Back
+        </span>
+        
+      </button>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
+
+exports[`Unstake > Unstake operation > should render the unstake view 1`] = `
+<div
+  class="operation"
+>
+  <div
+    class="dusk-wizard"
+  >
+    <div
+      slot="stepper"
+    >
+      <div
+        class="dusk-stepper dusk-stepper--variant--primary"
+        style="--columns: 3; --progress-width: 0%;"
+      >
+        <span
+          aria-current="step"
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step dusk-stepper__step--processed"
+        >
+          1
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label"
+          id="step-some-generated-id"
+        >
+          Amount
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          2
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Overview
+           
+        </span>
+        <span
+          aria-labelledby="step-some-generated-id"
+          class="dusk-stepper__step"
+        >
+          3
+        </span>
+         
+        <span
+          class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+          id="step-some-generated-id"
+        >
+          Done
+           
+        </span>
+        
+      </div>
+      
+    </div>
+     
+     
+     
+    <div
+      class="operation__amount-wrapper svelte-1p653d4"
+    >
+      <p>
+        Amount:
+      </p>
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          USE MAX
+        </span>
+      </button>
+    </div>
+     
+    <div
+      class="operation__input-wrapper svelte-1p653d4"
+    >
+      <input
+        class="dusk-textbox dusk-textbox-number operation__input-field"
+        max="278"
+        min="false"
+        required=""
+        step="0.000000001"
+        type="number"
+      />
+      
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="DUSK"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+        />
+      </svg>
+      
+    </div>
+     
+    <div
+      class="gas-settings svelte-1daay07"
+    >
+      <dl
+        class="gas-settings__edit svelte-1daay07"
+      >
+        <div
+          class="gas-fee svelte-1c6b481"
+        >
+          <span>
+            Fee:
+          </span>
+           
+          <div
+            class="gas-fee__amount svelte-1c6b481"
+          >
+            <div
+              class="gas-fee__amount-value svelte-1c6b481"
+            >
+              <span
+                class="svelte-1c6b481"
+              >
+                max
+              </span>
+               
+              <span
+                class="svelte-1c6b481"
+              >
+                0.020000000
+              </span>
+            </div>
+             
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+              />
+            </svg>
+            
+          </div>
+        </div>
+        <dd>
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              EDIT
+            </span>
+          </button>
+        </dd>
+      </dl>
+       
+    </div>
+     
+    
+     
+    <div
+      class="dusk-wizard__step-navigation"
+    >
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-button__text"
+        >
+          Back
+        </span>
+        
+      </button>
+      
+       
+      <button
+        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+        type="button"
+      >
+        <span
+          class="dusk-button__text"
+        >
+          Next
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+          />
+        </svg>
+        
+      </button>
+    </div>
+    
+    
+     
+    
+     
+    
+  </div>
+</div>
+`;
diff --git a/src/lib/components/components.d.ts b/src/lib/components/components.d.ts
new file mode 100644
index 00000000..1be09ef5
--- /dev/null
+++ b/src/lib/components/components.d.ts
@@ -0,0 +1,12 @@
+type BannerVariant = "info" | "warning" | "error";
+
+type DashboardNavItem = {
+  href: string;
+  icons?: DashboardNavItemIconProp[];
+  id: string;
+  label: string;
+};
+
+type DashboardNavItemIconProp = {
+  path: string;
+};
diff --git a/src/lib/components/index.js b/src/lib/components/index.js
index 2db42aaf..1194bb55 100644
--- a/src/lib/components/index.js
+++ b/src/lib/components/index.js
@@ -1,7 +1,20 @@
 export { default as AddressPicker } from "./AddressPicker/AddressPicker.svelte";
+export { default as Allocate } from "./Allocate/Allocate.svelte";
+export { default as AppAnchor } from "./AppAnchor/AppAnchor.svelte";
+export { default as AppAnchorButton } from "./AppAnchorButton/AppAnchorButton.svelte";
+export { default as AppImage } from "./AppImage/AppImage.svelte";
+export { default as ApproveMigration } from "./ApproveMigration/ApproveMigration.svelte";
+export { default as Banner } from "./Banner/Banner.svelte";
 export { default as Balance } from "./Balance/Balance.svelte";
+export { default as BigIntInput } from "./BigIntInput/BigIntInput.svelte";
+export { default as Bridge } from "./Bridge/Bridge.svelte";
 export { default as ContractOperations } from "./ContractOperations/ContractOperations.svelte";
 export { default as ContractStatusesList } from "./ContractStatusesList/ContractStatusesList.svelte";
+export { default as CopyField } from "./CopyField/CopyField.svelte";
+export { default as DashboardNav } from "./DashboardNav/DashboardNav.svelte";
+export { default as EvmTransactions } from "./EvmTransactions/EvmTransactions.svelte";
+export { default as ExecuteMigration } from "./ExecuteMigration/ExecuteMigration.svelte";
+export { default as ExistingWalletNotice } from "./ExistingWalletNotice/ExistingWalletNotice.svelte";
 export { default as GasControls } from "./GasControls/GasControls.svelte";
 export { default as GasFee } from "./GasFee/GasFee.svelte";
 export { default as GasSettings } from "./GasSettings/GasSettings.svelte";
@@ -10,4 +23,7 @@ export { default as Receive } from "./Receive/Receive.svelte";
 export { default as Send } from "./Send/Send.svelte";
 export { default as ScanQR } from "./ScanQR/ScanQR.svelte";
 export { default as Stake } from "./Stake/Stake.svelte";
+export { default as StakeMaturityInfo } from "./StakeMaturityInfo/StakeMaturityInfo.svelte";
+export { default as SyncBar } from "./SyncBar/SyncBar.svelte";
 export { default as Transactions } from "./Transactions/Transactions.svelte";
+export { default as Unstake } from "./Stake/Unstake.svelte";
diff --git a/src/lib/constants/documentationLinks.js b/src/lib/constants/documentationLinks.js
new file mode 100644
index 00000000..49170d65
--- /dev/null
+++ b/src/lib/constants/documentationLinks.js
@@ -0,0 +1,5 @@
+export const DOCUMENTATION_LINKS = {
+  RESTORE_BLOCK_HEIGHT: "https://docs.dusk.network/learn/guides/restore-height",
+  RUN_A_PROVISIONER: "https://docs.dusk.network/operator/provisioner/",
+  SLASHING: "https://docs.dusk.network/operator/provisioner/#slashing",
+};
diff --git a/src/lib/constants/index.js b/src/lib/constants/index.js
new file mode 100644
index 00000000..bd9a64b2
--- /dev/null
+++ b/src/lib/constants/index.js
@@ -0,0 +1,2 @@
+export { DOCUMENTATION_LINKS } from "./documentationLinks";
+export { MESSAGES } from "./messages";
diff --git a/src/lib/constants/messages.js b/src/lib/constants/messages.js
new file mode 100644
index 00000000..8580aab9
--- /dev/null
+++ b/src/lib/constants/messages.js
@@ -0,0 +1,6 @@
+export const MESSAGES = {
+  TRANSACTION_CREATED:
+    "Your transaction is now in the mempool and awaiting confirmation on the blockchain. The Web Wallet will update automatically once it's added to the chain.",
+  TRANSACTION_PENDING:
+    "Your withdrawal request was sent. It will show up under Bridge → Transactions within a couple of minutes (up to ~10 minutes, depending on network usage).",
+};
diff --git a/src/lib/containers/AllocateContract/AllocateContract.svelte b/src/lib/containers/AllocateContract/AllocateContract.svelte
new file mode 100644
index 00000000..a6aae9c8
--- /dev/null
+++ b/src/lib/containers/AllocateContract/AllocateContract.svelte
@@ -0,0 +1,34 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { collect, getKey, pick } from "lamb";
+
+  import { createCurrencyFormatter } from "$lib/dusk/currency";
+  import { gasStore, settingsStore, walletStore } from "$lib/stores";
+  import { Allocate } from "$lib/components";
+
+  const collectSettings = collect([
+    pick(["gasLimit", "gasPrice"]),
+    getKey("language"),
+  ]);
+  const gasLimits = $gasStore;
+
+  $: [gasSettings, language] = collectSettings($settingsStore);
+  $: ({ balance, currentProfile } = $walletStore);
+  $: shieldedAddress = currentProfile ? currentProfile.address.toString() : "";
+  $: unshieldedAddress = currentProfile
+    ? currentProfile.account.toString()
+    : "";
+  $: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
+</script>
+
+<Allocate
+  {shieldedAddress}
+  {unshieldedAddress}
+  shieldedBalance={balance.shielded.spendable}
+  unshieldedBalance={balance.unshielded.value}
+  formatter={duskFormatter}
+  {gasLimits}
+  {gasSettings}
+  on:operationChange
+/>
diff --git a/src/lib/containers/BridgeContract/BridgeContract.svelte b/src/lib/containers/BridgeContract/BridgeContract.svelte
new file mode 100644
index 00000000..319b425d
--- /dev/null
+++ b/src/lib/containers/BridgeContract/BridgeContract.svelte
@@ -0,0 +1,101 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onMount } from "svelte";
+  import { collect, getKey, pick } from "lamb";
+  import {
+    getBalance,
+    switchChain,
+    watchBlocks,
+    watchChainId,
+  } from "@wagmi/core";
+
+  import { Button } from "$lib/dusk/components";
+  import {
+    account,
+    duskEvm,
+    modal,
+    wagmiConfig,
+  } from "$lib/web3/walletConnection";
+  import { Bridge } from "$lib/components";
+  import { createCurrencyFormatter } from "$lib/dusk/currency";
+  import { gasStore, settingsStore, walletStore } from "$lib/stores";
+
+  const collectSettings = collect([
+    pick(["gasLimit", "gasPrice"]),
+    getKey("language"),
+  ]);
+
+  /**
+   * @typedef { import("@wagmi/core").GetBalanceReturnType } GetBalanceReturnType
+   */
+  /** @type {GetBalanceReturnType | undefined}  */
+  let evmDuskBalance;
+
+  /** @type {Promise<PendingWithdrawalEntry[]>} */
+  export let pendingWithdrawals = Promise.resolve([]);
+
+  /**
+   * @param {number} id
+   */
+  async function switchChainHandler(id) {
+    await switchChain(wagmiConfig, { chainId: id });
+  }
+
+  onMount(() => {
+    if ($account.isConnected && $account.chainId !== duskEvm.id) {
+      switchChainHandler(duskEvm.id);
+    }
+
+    const unwatchChain = watchChainId(wagmiConfig, {
+      async onChange() {
+        await switchChainHandler(duskEvm.id);
+      },
+    });
+    const unwatchBalance = watchBlocks(wagmiConfig, {
+      async onBlock() {
+        if ($account.isConnected && $account.chainId && $account.address) {
+          try {
+            evmDuskBalance = await getBalance(wagmiConfig, {
+              address: $account.address,
+              chainId: $account.chainId,
+            });
+          } catch (e) {
+            // eslint-disable-next-line no-console
+            console.error("getBalance failed", e);
+            evmDuskBalance = undefined;
+          }
+        }
+      },
+    });
+
+    return () => {
+      unwatchChain();
+      unwatchBalance();
+    };
+  });
+
+  $: ({ isConnected } = $account);
+  $: ({ balance, currentProfile } = $walletStore);
+  $: [gasSettings, language] = collectSettings($settingsStore);
+  $: gasLimits = $gasStore;
+  $: unshieldedAddress = currentProfile
+    ? currentProfile.account.toString()
+    : "";
+  $: formatter = createCurrencyFormatter(language, "DUSK", 9);
+</script>
+
+{#if !isConnected}
+  <Button text="CONNECT WEB3 WALLET" on:click={() => modal.open()} />
+{:else}
+  <Bridge
+    {unshieldedAddress}
+    {evmDuskBalance}
+    {pendingWithdrawals}
+    unshieldedBalance={balance.unshielded.value}
+    {formatter}
+    {gasLimits}
+    {gasSettings}
+    on:operationChange
+  />
+{/if}
diff --git a/src/lib/containers/Cards/Card.css b/src/lib/containers/Cards/Card.css
new file mode 100644
index 00000000..02fbd8f5
--- /dev/null
+++ b/src/lib/containers/Cards/Card.css
@@ -0,0 +1,39 @@
+.dusk-card {
+  width: 100%;
+}
+
+.dusk-card__header {
+  display: flex;
+  gap: var(--small-gap);
+  align-items: center;
+  width: 100%;
+}
+
+.dusk-card__heading-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--small-gap);
+  width: 100%;
+}
+
+.dusk-card__heading-container--warning-card {
+  justify-content: unset;
+}
+
+.dusk-card__heading-icons {
+  display: flex;
+  gap: var(--small-gap);
+}
+
+.dusk-card__header-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dusk-card__header-controls-wrapper {
+  display: flex;
+  gap: var(--small-gap);
+  align-items: center;
+}
diff --git a/src/lib/containers/Cards/IconHeadingCard.svelte b/src/lib/containers/Cards/IconHeadingCard.svelte
new file mode 100644
index 00000000..5ea01811
--- /dev/null
+++ b/src/lib/containers/Cards/IconHeadingCard.svelte
@@ -0,0 +1,37 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { Card, Icon } from "$lib/dusk/components";
+  import "./Card.css";
+
+  /** @type {string[] | undefined} */
+  export let icons = undefined;
+
+  /** @type {string} */
+  export let heading;
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {CardGap} */
+  export let gap = "default";
+
+  /** @type {boolean} */
+  export let onSurface = false;
+</script>
+
+<Card {...$$restProps} {className} {gap} {onSurface}>
+  <header slot="header" class="dusk-card__header">
+    <div class="dusk-card__heading-container">
+      <h3 class="h4">{heading}</h3>
+      {#if icons && icons.length}
+        <div class="dusk-card__heading-icons">
+          {#each icons as iconPath (iconPath)}
+            <Icon path={iconPath} />
+          {/each}
+        </div>
+      {/if}
+    </div>
+  </header>
+  <slot />
+</Card>
diff --git a/src/lib/containers/Cards/ToggleableCard.svelte b/src/lib/containers/Cards/ToggleableCard.svelte
new file mode 100644
index 00000000..717ec52d
--- /dev/null
+++ b/src/lib/containers/Cards/ToggleableCard.svelte
@@ -0,0 +1,46 @@
+<script>
+  import { Card, Icon, Switch } from "$lib/dusk/components";
+  import { createEventDispatcher } from "svelte";
+
+  import "./Card.css";
+
+  /** @type {string | undefined} */
+  export let iconPath = undefined;
+
+  /** @type {string} */
+  export let heading;
+
+  /** @type {CardGap} */
+  export let gap = "default";
+
+  /** @type {boolean} */
+  export let onSurface = false;
+
+  /** @type {boolean} */
+  export let isToggled = false;
+
+  const dispatch = createEventDispatcher();
+
+  function dispatchToggleEvent() {
+    dispatch("toggle", { isToggled });
+  }
+</script>
+
+<Card {...$$restProps} {gap} {onSurface} showBody={isToggled}>
+  <header slot="header" class="dusk-card__header dusk-card__header-toggle">
+    <h3 class="h4">{heading}</h3>
+    <div class="dusk-card__header-controls-wrapper">
+      <Switch
+        onSurface
+        bind:value={isToggled}
+        on:change={dispatchToggleEvent}
+      />
+      {#if iconPath}
+        <Icon path={iconPath} />
+      {/if}
+    </div>
+  </header>
+  {#if isToggled}
+    <slot />
+  {/if}
+</Card>
diff --git a/src/lib/containers/Cards/WarningCard.svelte b/src/lib/containers/Cards/WarningCard.svelte
new file mode 100644
index 00000000..5a09f309
--- /dev/null
+++ b/src/lib/containers/Cards/WarningCard.svelte
@@ -0,0 +1,31 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { Card, Icon } from "$lib/dusk/components";
+  import { mdiAlertOutline } from "@mdi/js";
+  import "./Card.css";
+
+  /** @type {string} */
+  export let heading;
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {CardGap} */
+  export let gap = "default";
+
+  /** @type {boolean} */
+  export let onSurface = false;
+</script>
+
+<Card {...$$restProps} {className} {gap} {onSurface}>
+  <header slot="header" class="dusk-card__header">
+    <div
+      class="dusk-card__heading-container dusk-card__heading-container--warning-card"
+    >
+      <Icon path={mdiAlertOutline} />
+      <h3 class="h4">{heading}</h3>
+    </div>
+  </header>
+  <slot />
+</Card>
diff --git a/src/lib/containers/Cards/index.js b/src/lib/containers/Cards/index.js
new file mode 100644
index 00000000..c072a560
--- /dev/null
+++ b/src/lib/containers/Cards/index.js
@@ -0,0 +1,3 @@
+export { default as IconHeadingCard } from "./IconHeadingCard.svelte";
+export { default as ToggleableCard } from "./ToggleableCard.svelte";
+export { default as WarningCard } from "./WarningCard.svelte";
diff --git a/src/lib/containers/MigrateContract/MigrateContract.svelte b/src/lib/containers/MigrateContract/MigrateContract.svelte
new file mode 100644
index 00000000..461ae175
--- /dev/null
+++ b/src/lib/containers/MigrateContract/MigrateContract.svelte
@@ -0,0 +1,488 @@
+<svelte:options immutable={true} />
+
+<script>
+  import {
+    mdiArrowLeft,
+    mdiArrowRight,
+    mdiCheckDecagramOutline,
+    mdiWalletOutline,
+  } from "@mdi/js";
+  import { switchChain } from "@wagmi/core";
+  import { formatUnits, parseUnits } from "viem";
+  import { onMount } from "svelte";
+  import { tokens } from "./tokenConfig";
+  import { getDecimalSeparator, slashDecimals } from "$lib/dusk/number";
+  import {
+    calculateAdaptiveCharCount,
+    cleanNumberString,
+    middleEllipsis,
+  } from "$lib/dusk/string";
+  import {
+    AppAnchorButton,
+    AppImage,
+    ApproveMigration,
+    Banner,
+    ExecuteMigration,
+  } from "$lib/components";
+  import {
+    Button,
+    ExclusiveChoice,
+    Icon,
+    Stepper,
+    Textbox,
+  } from "$lib/dusk/components";
+  import { logo } from "$lib/dusk/icons";
+  import { settingsStore, walletStore } from "$lib/stores";
+  import {
+    account,
+    modal,
+    wagmiConfig,
+    walletDisconnect,
+  } from "$lib/web3/walletConnection";
+  import { getBalanceOfCoin } from "$lib/web3/migration";
+
+  /** @type {string} */
+  export let migrationNetwork;
+
+  const { darkMode } = $settingsStore;
+  $: ({ isConnected, address } = $account);
+
+  /**
+   * We force the type here, because the Migrate Contract
+   * won't be enabled if we're not on the networks below.
+   * See `src/lib/contracts/contract-descriptors.js`.
+   */
+  const network = /** @type {"mainnet" | "testnet"} */ (
+    migrationNetwork.toLowerCase()
+  );
+
+  const { ["ERC-20"]: erc20, ["BEP-20"]: bep20 } = tokens[network];
+
+  $: options = [
+    {
+      disabled: isInputDisabled,
+      label: "ERC-20",
+      value: "ERC-20",
+    },
+    {
+      disabled: isInputDisabled,
+      label: "BEP-20",
+      value: "BEP-20",
+    },
+  ];
+
+  // The minimum allowed amount to be migrated expressed as a string
+  const minAmount = "0.000000001";
+
+  const ercDecimals = 18;
+
+  /** @type {TokenNames} */
+  let selectedChain = erc20.name;
+
+  /** @type {undefined | bigint} */
+  let connectedWalletBalance;
+
+  /** @type {string} */
+  let amount = "";
+
+  /** @type {boolean} */
+  let isMigrationInitialized = false;
+
+  /** @type {number} */
+  let screenWidth = window.innerWidth;
+
+  /** @type {number} */
+  let migrationStep = 0;
+
+  /** @type {boolean} */
+  let isInputDisabled = false;
+
+  const steps = [{ label: "Approve" }, { label: "Migrate" }, { label: "Done" }];
+
+  $: ({ currentProfile } = $walletStore);
+  $: moonlightAccount = currentProfile?.account.toString();
+
+  $: isAmountValid = (() => {
+    if (!amount) {
+      return false;
+    }
+    try {
+      const parsedAmount = parseUnits(amount.replace(",", "."), ercDecimals);
+      const minParsed = parseUnits(minAmount, ercDecimals);
+      return (
+        parsedAmount >= minParsed &&
+        parsedAmount <= (connectedWalletBalance ?? 0n)
+      );
+    } catch {
+      return false;
+    }
+  })();
+
+  $: amount = slashDecimals(cleanNumberString(amount, getDecimalSeparator()));
+
+  /**
+   *  Triggers the switchChain event and reverts the ExclusiveChoice UI selected option if an error is thrown
+   *
+   * @param {number} id - the chain id of the desired smart contract
+   */
+  async function handleSwitchChain(id) {
+    try {
+      if (isConnected) {
+        await switchChain(wagmiConfig, { chainId: id });
+        connectedWalletBalance = await getBalance();
+      }
+    } catch {
+      selectedChain =
+        $account.chainId === erc20.chainId ? erc20.name : bep20.name;
+    }
+  }
+
+  /** Emits the switchChain event to the third-party wallet when the ExclusiveChoice UI is interacted with  */
+  // @ts-ignore
+  async function onChainSwitch(e) {
+    if (!isConnected) {
+      return;
+    }
+    amount = "";
+    connectedWalletBalance = undefined;
+    const chainIdToSwitchTo =
+      e.target?.value === bep20.name ? bep20.chainId : erc20.chainId;
+    await handleSwitchChain(chainIdToSwitchTo);
+  }
+
+  /**
+   * Checks if the chainId of the selected option of ExclusiveChoice UI is different than the chainId of the smart contract in the third-party wallet
+   * and triggers an event to set the chainId if there is a difference
+   */
+  async function switchToSelectedChain() {
+    const currentChainId =
+      selectedChain === erc20.name ? erc20.chainId : bep20.chainId;
+    await handleSwitchChain(currentChainId);
+  }
+
+  async function getBalance() {
+    try {
+      if (!address) {
+        throw new Error("Wallet not connected.");
+      }
+      return await getBalanceOfCoin(
+        address,
+        tokens[network][selectedChain].tokenContract
+      );
+    } catch {
+      return 0n;
+    }
+  }
+
+  onMount(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      screenWidth = entry.contentRect.width;
+    });
+
+    resizeObserver.observe(document.body);
+
+    modal.subscribeEvents(handleModalEvents);
+
+    // Workaround for when the user navigates back to the page
+    // Just in case if beforeunload doesn't get triggered
+    if ($account.isConnecting) {
+      walletDisconnect();
+    }
+
+    // Workaround for when the user navigates
+    // back to the page from the dashboard
+    if ($account.isConnected) {
+      switchToSelectedChain();
+    }
+
+    return () => {
+      resizeObserver.disconnect();
+    };
+  });
+
+  /**
+   * Handles modal state changes.
+   * @param {import('@reown/appkit').EventsControllerState} newEvent
+   */
+  const handleModalEvents = async (newEvent) => {
+    // Check if the newState contains an event that matches "CONNECT_SUCCESS"
+    if (newEvent.data.event === "CONNECT_SUCCESS") {
+      await switchToSelectedChain();
+    }
+  };
+</script>
+
+<article class="migrate">
+  <header class="migrate__header">
+    <h3 class="h4">Migrate</h3>
+    <div class="migrate__header-icons">
+      <div>
+        <AppImage
+          src={darkMode ? "/binance_dusk_light.svg" : "/binance_dusk.svg"}
+          alt="Binance Dusk"
+          width="37"
+          height="27"
+        />
+        <AppImage
+          src={darkMode ? "/eth_dusk_light.svg" : "/eth_dusk.svg"}
+          alt="Ethereum Dusk"
+          width="37"
+          height="27"
+        />
+      </div>
+      <Icon path={mdiArrowRight} />
+      <Icon path={logo} />
+    </div>
+  </header>
+
+  <div class="migrate__token">
+    <p class="migrate__token-header">From:</p>
+    <ExclusiveChoice
+      {options}
+      bind:value={selectedChain}
+      on:change={onChainSwitch}
+    />
+    {#if isConnected && address}
+      <p class="migrate__token-header">Connected Wallet:</p>
+      <p class="migrate__token-address">
+        {middleEllipsis(address, calculateAdaptiveCharCount(screenWidth))}
+      </p>
+      <span class="migrate__token-balance">
+        Balance:
+        {#if connectedWalletBalance === undefined}
+          <span>Loading...</span>
+        {:else}
+          <span
+            >{slashDecimals(
+              formatUnits(connectedWalletBalance ?? 0n, ercDecimals)
+            )}
+            {selectedChain} DUSK</span
+          >
+        {/if}
+      </span>
+    {/if}
+  </div>
+
+  {#if isConnected && address && connectedWalletBalance && connectedWalletBalance > 0n}
+    <div class="migrate__amount">
+      <div class="migrate__amount-header">
+        <div class="migrate__amount-token">
+          {#if selectedChain === erc20.name}
+            <AppImage
+              src={darkMode ? "/eth_dusk_light.svg" : "/eth_dusk.svg"}
+              alt="Ethereum Dusk"
+              width="37"
+              height="27"
+            />
+          {:else}
+            <AppImage
+              src={darkMode ? "/binance_dusk_light.svg" : "/binance_dusk.svg"}
+              alt="Binance Dusk"
+              width="37"
+              height="27"
+            />
+          {/if}
+          <p class="migrate__amount-currency">DUSK {selectedChain}</p>
+        </div>
+
+        <Button
+          size="small"
+          variant="tertiary"
+          on:click={() => {
+            amount = formatUnits(connectedWalletBalance ?? 0n, ercDecimals);
+          }}
+          text="USE MAX"
+          disabled={isInputDisabled}
+        />
+      </div>
+
+      <Textbox
+        className="migrate__input-field {!isAmountValid
+          ? 'migrate__input-field--invalid'
+          : ''}"
+        bind:value={amount}
+        required
+        type="text"
+        placeholder="Amount"
+        disabled={isInputDisabled}
+      />
+    </div>
+  {/if}
+
+  {#if isConnected && isAmountValid && isMigrationInitialized}
+    <div class="migrate__wizard">
+      <Stepper {steps} activeStep={migrationStep} />
+      {#if migrationStep === 0}
+        <ApproveMigration
+          on:incrementStep={() => migrationStep++}
+          on:initApproval={() => {
+            isInputDisabled = true;
+          }}
+          on:errorApproval={() => {
+            isInputDisabled = false;
+          }}
+          amount={parseUnits(amount.replace(",", "."), ercDecimals)}
+          chainContract={tokens[network][selectedChain].tokenContract}
+          migrationContract={tokens[network][selectedChain].migrationContract}
+        />
+      {:else if migrationStep === 1}
+        <ExecuteMigration
+          on:incrementStep={() => migrationStep++}
+          amount={parseUnits(amount.replace(",", "."), ercDecimals)}
+          currentAddress={moonlightAccount ?? ""}
+          migrationContract={tokens[network][selectedChain].migrationContract}
+        />
+      {:else}
+        <div class="migrate__execute">
+          <div class="migrate__execute-approval">
+            <Icon path={mdiCheckDecagramOutline} size="large" />
+            <p>Migration request accepted!</p>
+          </div>
+          <Banner title="Migration Request Accepted" variant="info">
+            <p>
+              The migration request has now been accepted on chain. We will
+              process the request in the background. Receiving your DUSK might
+              take some time. Check your wallet balance again later.
+            </p>
+          </Banner>
+        </div>
+      {/if}
+    </div>
+  {/if}
+
+  {#if !isConnected}
+    <Button
+      icon={{ path: mdiWalletOutline }}
+      text={`CONNECT TO ${selectedChain === tokens[network]["ERC-20"].name ? "ETHEREUM" : "BSC"}`}
+      on:click={() => modal.open()}
+    />
+  {:else if connectedWalletBalance === 0n}
+    <Banner variant="warning" title="No DUSK available">
+      <p>The connected wallet has no DUSK tokens available.</p>
+    </Banner>
+  {:else if !isMigrationInitialized && address}
+    <Button
+      text="INITIALIZE MIGRATION"
+      on:click={() => {
+        isMigrationInitialized = true;
+      }}
+      disabled={!isAmountValid}
+    />
+  {/if}
+</article>
+
+{#if isConnected}
+  <Button
+    text="Manage Wallet"
+    on:click={() => {
+      modal.open();
+    }}
+    variant="tertiary"
+  />
+{/if}
+
+<AppAnchorButton
+  href="/dashboard"
+  icon={{ path: mdiArrowLeft }}
+  text="Back"
+  variant="tertiary"
+/>
+
+<style lang="postcss">
+  .migrate {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding: 1.25em;
+
+    &__wizard {
+      margin-top: var(--default-gap);
+      gap: 1.25em;
+      display: flex;
+      flex-direction: column;
+    }
+
+    &__execute {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--default-gap);
+
+      &-approval {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: var(--default-gap);
+      }
+    }
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__header-icons {
+      display: flex;
+      align-items: center;
+      gap: 0.675em;
+    }
+
+    &__token,
+    &__amount {
+      display: flex;
+      flex-direction: column;
+      gap: var(--default-gap);
+      border-radius: 1.5em;
+      padding: 0.75em;
+      background-color: var(--background-color);
+    }
+
+    &__amount-token {
+      display: flex;
+      gap: var(--small-gap);
+      align-items: center;
+    }
+
+    &__token-header {
+      font-weight: 500;
+    }
+
+    &__token-address {
+      font-size: 1em;
+      font-weight: 500;
+      font-family: var(--mono-font-family);
+      text-align: center;
+    }
+
+    &__token-balance {
+      display: flex;
+      justify-content: space-between;
+      font-size: 0.875em;
+
+      span {
+        font-weight: 500;
+        font-family: var(--mono-font-family);
+      }
+    }
+
+    &__amount-header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__amount-currency {
+      font-size: 0.875em;
+    }
+  }
+
+  :global(.dusk-textbox.migrate__input-field) {
+    background-color: var(--non-button-control-bg-color);
+  }
+
+  :global(.dusk-textbox.migrate__input-field--invalid) {
+    color: var(--error-color);
+  }
+</style>
diff --git a/src/lib/containers/MigrateContract/tokenConfig.js b/src/lib/containers/MigrateContract/tokenConfig.js
new file mode 100644
index 00000000..7609addb
--- /dev/null
+++ b/src/lib/containers/MigrateContract/tokenConfig.js
@@ -0,0 +1,33 @@
+import { bsc, mainnet, sepolia } from "viem/chains";
+
+/** @type {Tokens} */
+export const tokens = {
+  mainnet: {
+    "BEP-20": {
+      chainId: bsc.id,
+      migrationContract: "0x32979f040feb67a5223acb0716fe4c7a5956488c",
+      name: "BEP-20",
+      tokenContract: "0xb2bd0749dbe21f623d9baba856d3b0f0e1bfec9c",
+    },
+    "ERC-20": {
+      chainId: mainnet.id,
+      migrationContract: "0x36b8e0b938c0172c20e14cc32e7f0e51dcf1084f",
+      name: "ERC-20",
+      tokenContract: "0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+    },
+  },
+  testnet: {
+    "BEP-20": {
+      chainId: sepolia.id,
+      migrationContract: "0x1Bb81fbd735854Ed901aD7Aa1f5F72F64E5841Fc",
+      name: "BEP-20",
+      tokenContract: "0xC416f5d2AE6BAec2a23f412Df11166afC35CAba2",
+    },
+    "ERC-20": {
+      chainId: sepolia.id,
+      migrationContract: "0x81F15Ed1D87A6C840E410D7740D581e36c661640",
+      name: "ERC-20",
+      tokenContract: "0x92DA9BE2039E818bB78223A6BA7C85CC2b17D8D5",
+    },
+  },
+};
diff --git a/src/lib/containers/MigrateContract/tokens.d.ts b/src/lib/containers/MigrateContract/tokens.d.ts
new file mode 100644
index 00000000..ac199550
--- /dev/null
+++ b/src/lib/containers/MigrateContract/tokens.d.ts
@@ -0,0 +1,20 @@
+type HexString = `0x${string}`;
+
+type TokenInfo = {
+  chainId: number;
+  tokenContract: HexString;
+  migrationContract: HexString;
+  name: TokenNames;
+};
+
+type NetworkTokens = {
+  "BEP-20": TokenInfo;
+  "ERC-20": TokenInfo;
+};
+
+type Tokens = {
+  mainnet: NetworkTokens;
+  testnet: NetworkTokens;
+};
+
+type TokenNames = "BEP-20" | "ERC-20";
diff --git a/src/lib/containers/StakeContract/StakeContract.svelte b/src/lib/containers/StakeContract/StakeContract.svelte
index e0bc1cc4..da102411 100644
--- a/src/lib/containers/StakeContract/StakeContract.svelte
+++ b/src/lib/containers/StakeContract/StakeContract.svelte
@@ -1,186 +1,136 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import {
-		collect,
-		find,
-		getKey,
-		hasKeyValue,
-		map,
-		mapWith,
-		pick,
-		setKey,
-		when
-	} from "lamb";
-	import { mdiCloseThick } from "@mdi/js";
-
-	import { createCurrencyFormatter } from "$lib/dusk/currency";
-	import { getLastTransactionHash } from "$lib/transactions";
-	import {
-		operationsStore,
-		settingsStore,
-		walletStore
-	} from "$lib/stores";
-	import {
-		ContractOperations,
-		ContractStatusesList,
-		Stake
-	} from "$lib/components";
-	import {
-		ErrorDetails,
-		Icon,
-		Throbber
-	} from "$lib/dusk/components";
-
-	/** @type {ContractDescriptor} */
-	export let descriptor;
-
-	const collectSettings = collect([
-		pick(["gasLimit", "gasLimitLower", "gasLimitUpper", "gasPrice", "gasPriceLower"]),
-		getKey("language")
-	]);
-
-	/** @type {Record<string, (info: WalletStakeInfo) => boolean>} */
-	const disablingConditions = {
-		"stake": info => !info.has_key || info.has_staked,
-		"withdraw-rewards": info => info.reward <= 0,
-		"withdraw-stake": info => !info.has_staked
-	};
-
-	/** @type {Record<StakeType, (...args: any[]) => Promise<string>>} */
-	const executeOperations = {
-		"stake": amount => walletStore.stake(amount).then(getLastTransactionHash),
-		"withdraw-rewards": () => walletStore.withdrawReward().then(getLastTransactionHash),
-		"withdraw-stake": () => walletStore.unstake().then(getLastTransactionHash)
-	};
-
-	/** @type {(operations: ContractOperation[]) => ContractOperation[]} */
-	const disableAllOperations = mapWith(setKey("disabled", true));
-
-	/** @type {(operationId: string) => operationId is StakeType} */
-	const isStakeOperation = operationId => [
-		"stake",
-		"withdraw-rewards",
-		"withdraw-stake"
-	].includes(operationId);
-
-	/**
-	 * We want to update the disabled status ourselves only
-	 * when the operation is enabled in the descriptor;
-	 * otherwise the descriptor takes precedence.
-	 *
-	 * @param {ContractOperation[]} operations
-	 * @param {WalletStakeInfo} stakeInfo
-	 * @returns {ContractOperation[]}
-	 */
-	const getOperations = (operations, stakeInfo) => map(
-		operations,
-		when(hasKeyValue("disabled", false), updateOperationDisabledStatus(stakeInfo))
-	);
-
-	/**
-	 * @param {ContractOperation[]} operations
-	 * @returns {boolean}
-	 */
-	const isStakingDisabled = operations => find(operations, hasKeyValue("id", "stake"))?.disabled ?? true;
-
-	/**
-	 * @param {WalletStakeInfo} stakeInfo
-	 * @param {number} spendable
-	 * @returns {ContractStatus[]}
-	 */
-	const getStatuses = (stakeInfo, spendable) => [{
-		label: "Spendable",
-		value: duskFormatter(spendable)
-	}, {
-		label: "Total Locked",
-		value: duskFormatter(stakeInfo.amount)
-	}, {
-		label: "Rewards",
-		value: duskFormatter(stakeInfo.reward)
-	}];
-
-	/**
-	 * @param {WalletStakeInfo} stakeInfo
-	 * @returns {(operation: ContractOperation) => ContractOperation}
-	 */
-	const updateOperationDisabledStatus = stakeInfo => operation => ({
-		...operation,
-		disabled: disablingConditions[operation.id]?.(stakeInfo) ?? true
-	});
-
-	$: ({ currentOperation } = $operationsStore);
-	$: [
-		gasSettings,
-		language
-	] = collectSettings($settingsStore);
-	$: ({ balance, error, isSyncing } = $walletStore);
-	$: isSyncOK = !(isSyncing || !!error);
-	$: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
+  import { getKey, hasKeyValue, map, mapWith, setKey, when } from "lamb";
+  import { Gas } from "@dusk/w3sper";
+  import {
+    gasStore,
+    operationsStore,
+    settingsStore,
+    walletStore,
+  } from "$lib/stores";
+  import { ContractOperations, Stake, Unstake } from "$lib/components";
+  import { mdiDatabaseArrowDownOutline, mdiGiftOpenOutline } from "@mdi/js";
+
+  /** @type {ContractDescriptor} */
+  export let descriptor;
+
+  /** @type {ContractGasSettings} */
+  export let gasSettings;
+
+  /** @type {StakeInfo} */
+  export let stakeInfo;
+
+  /** @type {(value: number | bigint) => string} */
+  export let formatter;
+
+  /** @type {ContractOperation[]} */
+  let operations;
+
+  const gasLimits = $gasStore;
+  const { hideStakingNotice } = $settingsStore;
+
+  /** @type {Record<string, (info: StakeInfo) => boolean>} */
+  const disablingConditions = {
+    "claim-rewards": (info) => info.reward <= 0n,
+    stake: (info) => !!info.amount,
+    unstake: (info) => !info.amount || info.amount.total === 0n,
+  };
+
+  /** @type {Record<StakeType, (...args: any[]) => Promise<string>>} */
+  const executeOperations = {
+    "claim-rewards": (amount, gasPrice, gasLimit) =>
+      walletStore
+        .claimRewards(amount, new Gas({ limit: gasLimit, price: gasPrice }))
+        .then(getKey("hash")),
+    stake: (amount, gasPrice, gasLimit) =>
+      walletStore
+        .stake(amount, new Gas({ limit: gasLimit, price: gasPrice }))
+        .then(getKey("hash")),
+    unstake: (amount, gasPrice, gasLimit) =>
+      walletStore
+        .unstake(amount, new Gas({ limit: gasLimit, price: gasPrice }))
+        .then(getKey("hash")),
+  };
+
+  /** @type {(operations: ContractOperation[]) => ContractOperation[]} */
+  const disableAllOperations = mapWith(setKey("disabled", true));
+
+  /**
+   * We want to update the disabled status ourselves only
+   * when the operation is enabled in the descriptor;
+   * otherwise the descriptor takes precedence.
+   *
+   * @returns {ContractOperation[]}
+   */
+  const getOperations = () =>
+    map(
+      descriptor.operations,
+      when(hasKeyValue("disabled", false), updateOperationDisabledStatus())
+    );
+
+  const getMaxWithdrawAmount = () => {
+    if (currentOperation === "unstake") {
+      return stakeInfo.amount ? stakeInfo.amount.total : 0n;
+    }
+
+    return stakeInfo.reward;
+  };
+  /**
+   * @returns {(operation: ContractOperation) => ContractOperation}
+   */
+  const updateOperationDisabledStatus = () => (operation) => ({
+    ...operation,
+    disabled: disablingConditions[operation.id]?.(stakeInfo) ?? true,
+  });
+
+  $: if (stakeInfo) {
+    operations = getOperations();
+  }
+  $: ({ currentOperation } = $operationsStore);
+  $: ({ balance, minimumStake, syncStatus } = $walletStore);
+  $: isSyncOK = !(syncStatus.isInProgress || !!syncStatus.error);
+  $: if (!isSyncOK) {
+    disableAllOperations(descriptor.operations);
+  }
 </script>
 
 {#key currentOperation}
-	{#await walletStore.getStakeInfo()}
-		<Throbber className="stake-throbber"/>
-	{:then stakeInfo}
-		{@const statuses = getStatuses(stakeInfo, balance.maximum)}
-		{@const operations = isSyncOK
-			? getOperations(descriptor.operations, stakeInfo)
-			: disableAllOperations(descriptor.operations)
-		}
-		{#if isStakeOperation(currentOperation)}
-			<Stake
-				execute={executeOperations[currentOperation]}
-				flow={currentOperation}
-				formatter={duskFormatter}
-				{gasSettings}
-				on:operationChange
-				on:setGasSettings
-				rewards={stakeInfo.reward}
-				spendable={balance.maximum}
-				staked={stakeInfo.amount}
-				{statuses}
-			/>
-		{:else}
-			{#if isStakingDisabled(operations)}
-				<div class="info">
-					<p>
-						Third-party staking will be enabled at the start of the upcoming incentivized testnet
-						and will begin to accrue real rewards as well. Stay tuned for more information.
-					</p>
-				</div>
-			{/if}
-			<ContractStatusesList items={statuses}/>
-			<ContractOperations items={operations} on:operationChange/>
-		{/if}
-	{:catch stakeInfoError}
-		<div class="fetch-stake-info-error">
-			<Icon
-				path={mdiCloseThick}
-				size="large"
-			/>
-			<ErrorDetails
-				error={stakeInfoError}
-				summary="Failed to retrieve stake info"
-			/>
-		</div>
-	{/await}
+  {#if currentOperation === "stake"}
+    <Stake
+      execute={executeOperations[currentOperation]}
+      {formatter}
+      {gasLimits}
+      {gasSettings}
+      minStakeRequirement={minimumStake}
+      on:operationChange
+      on:suppressStakingNotice
+      availableBalance={balance.unshielded.value}
+      {hideStakingNotice}
+    />
+  {:else if currentOperation === "unstake" || currentOperation === "claim-rewards"}
+    <Unstake
+      execute={executeOperations[currentOperation]}
+      {formatter}
+      {gasLimits}
+      {gasSettings}
+      on:operationChange
+      maxWithdrawAmount={getMaxWithdrawAmount()}
+      minStakeRequirement={currentOperation === "unstake"
+        ? minimumStake
+        : undefined}
+      availableBalance={balance.unshielded.value}
+      operationCtaLabel={currentOperation === "unstake"
+        ? "Unstake"
+        : "Claim Rewards"}
+      operationCtaIconPath={currentOperation === "unstake"
+        ? mdiDatabaseArrowDownOutline
+        : mdiGiftOpenOutline}
+      operationOverviewLabel={currentOperation === "unstake"
+        ? "Unstake Amount"
+        : "Rewards Amount"}
+    />
+  {:else}
+    <ContractOperations items={operations} on:operationChange />
+  {/if}
 {/key}
-
-<style lang="postcss">
-	:global(.stake-throbber) {
-		align-self: center;
-	}
-
-	.fetch-stake-info-error {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: var(--default-gap);
-	}
-
-	.info {
-		font-size: .8em;
-		padding: 0.5em 1em;
-	}
-</style>
diff --git a/src/lib/containers/TransferContract/TransferContract.svelte b/src/lib/containers/TransferContract/TransferContract.svelte
deleted file mode 100644
index bca533ee..00000000
--- a/src/lib/containers/TransferContract/TransferContract.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<svelte:options immutable={true}/>
-
-<script>
-	import {
-		allOf,
-		collect,
-		getKey,
-		hasKeyValue,
-		map,
-		pick,
-		setKey,
-		when
-	} from "lamb";
-
-	import { createCurrencyFormatter } from "$lib/dusk/currency";
-	import { getLastTransactionHash } from "$lib/transactions";
-	import {
-		operationsStore,
-		settingsStore,
-		walletStore
-	} from "$lib/stores";
-	import {
-		ContractOperations,
-		ContractStatusesList,
-		Receive,
-		Send
-	} from "$lib/components";
-
-	/** @type {ContractDescriptor} */
-	export let descriptor;
-
-	/** @type {(to: string, amount: number) => Promise<string>} */
-	const executeSend = (to, amount) => walletStore.transfer(to, amount).then(getLastTransactionHash);
-
-	const collectSettings = collect([
-		pick(["gasLimit", "gasLimitLower", "gasLimitUpper", "gasPrice", "gasPriceLower"]),
-		getKey("language")
-	]);
-	const isEnabledSend = allOf([
-		hasKeyValue("disabled", false),
-		hasKeyValue("id", "send")
-	]);
-
-	$: ({ currentOperation } = $operationsStore);
-	$: [
-		gasSettings,
-		language
-	] = collectSettings($settingsStore);
-	$: ({
-		balance,
-		currentAddress,
-		error,
-		isSyncing
-	} = $walletStore);
-	$: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
-	$: statuses = [{
-		label: "Spendable",
-		value: duskFormatter(balance.maximum)
-	}];
-
-	/**
-	 * We want to update the disabled status ourselves only
-	 * when the send operation is enabled in the descriptor;
-	 * otherwise the descriptor takes precedence.
-	 */
-	$: operations = map(
-		descriptor.operations,
-		when(isEnabledSend, setKey("disabled", isSyncing || !!error))
-	);
-</script>
-
-{#if currentOperation === "send"}
-	<Send
-		execute={executeSend}
-		formatter={duskFormatter}
-		{gasSettings}
-		on:operationChange
-		on:setGasSettings
-		spendable={balance.maximum}
-		{statuses}
-	/>
-{:else if currentOperation === "receive"}
-	<Receive on:operationChange address={currentAddress}/>
-{:else}
-	<ContractStatusesList items={statuses}/>
-	<ContractOperations items={operations} on:operationChange/>
-{/if}
diff --git a/src/lib/containers/__tests__/IconHeadingCard.spec.js b/src/lib/containers/__tests__/IconHeadingCard.spec.js
new file mode 100644
index 00000000..685db813
--- /dev/null
+++ b/src/lib/containers/__tests__/IconHeadingCard.spec.js
@@ -0,0 +1,42 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import { IconHeadingCard } from "../Cards";
+
+describe("IconHeadingCard", () => {
+  afterEach(cleanup);
+
+  it("renders the IconHeadingCard component with a heading", () => {
+    const { container } = render(IconHeadingCard, {
+      props: {
+        heading: "My Card",
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the IconHeadingCard component with a heading and an icon", () => {
+    const { container } = render(IconHeadingCard, {
+      props: {
+        heading: "My Card",
+        icons: ["M3,3H21V21H3V3M5,5V19H19V5H5Z"],
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the IconHeadingCard component with a heading and two icons", () => {
+    const { container } = render(IconHeadingCard, {
+      props: {
+        heading: "My Card",
+        icons: [
+          "M3,3H21V21H3V3M5,5V19H19V5H5Z",
+          "M4,3H21V21H3V3M5,5V19H19V5H5Z",
+        ],
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/lib/containers/__tests__/ToggleableCard.spec.js b/src/lib/containers/__tests__/ToggleableCard.spec.js
new file mode 100644
index 00000000..e614c0dc
--- /dev/null
+++ b/src/lib/containers/__tests__/ToggleableCard.spec.js
@@ -0,0 +1,40 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import { ToggleableCard } from "../Cards";
+
+describe("IconHeadingCard", () => {
+  afterEach(cleanup);
+
+  it("renders the ToggleableCard component with a heading", () => {
+    const { container } = render(ToggleableCard, {
+      props: {
+        heading: "My Card",
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the ToggleableCard component with a heading and an icon", () => {
+    const { container } = render(ToggleableCard, {
+      props: {
+        heading: "My Card",
+        iconPath: "M3,3H21V21H3V3M5,5V19H19V5H5Z",
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the ToggleableCard component with a toggle", () => {
+    const { container } = render(ToggleableCard, {
+      props: {
+        heading: "My Card",
+        iconPath: "M3,3H21V21H3V3M5,5V19H19V5H5Z",
+        isToggled: true,
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/lib/containers/__tests__/__snapshots__/IconHeadingCard.spec.js.snap b/src/lib/containers/__tests__/__snapshots__/IconHeadingCard.spec.js.snap
new file mode 100644
index 00000000..dbad8a25
--- /dev/null
+++ b/src/lib/containers/__tests__/__snapshots__/IconHeadingCard.spec.js.snap
@@ -0,0 +1,135 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`IconHeadingCard > renders the IconHeadingCard component with a heading 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          My Card
+        </h3>
+         
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  />
+   
+</div>
+`;
+
+exports[`IconHeadingCard > renders the IconHeadingCard component with a heading and an icon 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          My Card
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  />
+   
+</div>
+`;
+
+exports[`IconHeadingCard > renders the IconHeadingCard component with a heading and two icons 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          My Card
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M4,3H21V21H3V3M5,5V19H19V5H5Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  />
+   
+</div>
+`;
diff --git a/src/lib/containers/__tests__/__snapshots__/ToggleableCard.spec.js.snap b/src/lib/containers/__tests__/__snapshots__/ToggleableCard.spec.js.snap
new file mode 100644
index 00000000..9aade647
--- /dev/null
+++ b/src/lib/containers/__tests__/__snapshots__/ToggleableCard.spec.js.snap
@@ -0,0 +1,134 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`IconHeadingCard > renders the ToggleableCard component with a heading 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header dusk-card__header-toggle"
+      slot="header"
+    >
+      <h3
+        class="h4"
+      >
+        My Card
+      </h3>
+       
+      <div
+        class="dusk-card__header-controls-wrapper"
+      >
+        <div
+          aria-checked="false"
+          aria-disabled="false"
+          class="dusk-switch dusk-switch--on-surface"
+          role="switch"
+          tabindex="0"
+        />
+         
+      </div>
+    </header>
+  </div>
+   
+   
+</div>
+`;
+
+exports[`IconHeadingCard > renders the ToggleableCard component with a heading and an icon 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header dusk-card__header-toggle"
+      slot="header"
+    >
+      <h3
+        class="h4"
+      >
+        My Card
+      </h3>
+       
+      <div
+        class="dusk-card__header-controls-wrapper"
+      >
+        <div
+          aria-checked="false"
+          aria-disabled="false"
+          class="dusk-switch dusk-switch--on-surface"
+          role="switch"
+          tabindex="0"
+        />
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
+          />
+        </svg>
+        
+      </div>
+    </header>
+  </div>
+   
+   
+</div>
+`;
+
+exports[`IconHeadingCard > renders the ToggleableCard component with a toggle 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header dusk-card__header-toggle"
+      slot="header"
+    >
+      <h3
+        class="h4"
+      >
+        My Card
+      </h3>
+       
+      <div
+        class="dusk-card__header-controls-wrapper"
+      >
+        <div
+          aria-checked="true"
+          aria-disabled="false"
+          class="dusk-switch dusk-switch--on-surface"
+          role="switch"
+          tabindex="0"
+        />
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
+          />
+        </svg>
+        
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    
+  </div>
+   
+</div>
+`;
diff --git a/src/lib/containers/index.js b/src/lib/containers/index.js
index 725cb77d..dbfc7836 100644
--- a/src/lib/containers/index.js
+++ b/src/lib/containers/index.js
@@ -1,2 +1,4 @@
+export { default as AllocateContract } from "./AllocateContract/AllocateContract.svelte";
+export { default as BridgeContract } from "./BridgeContract/BridgeContract.svelte";
+export { default as MigrateContract } from "./MigrateContract/MigrateContract.svelte";
 export { default as StakeContract } from "./StakeContract/StakeContract.svelte";
-export { default as TransferContract } from "./TransferContract/TransferContract.svelte";
diff --git a/src/lib/contracts/__tests__/areValidGasSettings.spec.js b/src/lib/contracts/__tests__/areValidGasSettings.spec.js
new file mode 100644
index 00000000..367fe65c
--- /dev/null
+++ b/src/lib/contracts/__tests__/areValidGasSettings.spec.js
@@ -0,0 +1,60 @@
+import { describe, expect, it } from "vitest";
+import { areValidGasSettings } from "..";
+import { get } from "svelte/store";
+import { gasStore } from "$lib/stores";
+
+describe("areValidGasSettings", () => {
+  const realStore = get(gasStore);
+
+  it("should check to see if the store is read only", () => {
+    // @ts-ignore
+    expect(() => gasStore.set("value")).toThrowError();
+  });
+
+  it("should validate the provided gas limit and gas price based on the boundaries", () => {
+    expect(
+      areValidGasSettings(realStore.gasPriceLower, realStore.gasLimitUpper)
+    ).toBe(true);
+
+    expect(
+      areValidGasSettings(realStore.gasPriceLower, realStore.gasLimitLower)
+    ).toBe(true);
+
+    expect(areValidGasSettings(realStore.gasPriceLower + 1n, 0n)).toBe(false);
+
+    expect(
+      areValidGasSettings(realStore.gasPriceLower, realStore.gasLimitLower - 1n)
+    ).toBe(false);
+
+    expect(
+      areValidGasSettings(
+        realStore.gasPriceLower - 1n,
+        realStore.gasLimitUpper * 2n
+      )
+    ).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(NaN, realStore.gasLimitUpper)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(realStore.gasPriceLower, NaN)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(null, realStore.gasLimitUpper)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(realStore.gasPriceLower, null)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(undefined, realStore.gasLimitUpper)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(realStore.gasPriceLower, undefined)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings("", realStore.gasLimitUpper)).toBe(false);
+
+    // @ts-ignore
+    expect(areValidGasSettings(realStore.gasPriceLower, "")).toBe(false);
+  });
+});
diff --git a/src/lib/contracts/__tests__/deductLuxFeeFrom.spec.js b/src/lib/contracts/__tests__/deductLuxFeeFrom.spec.js
deleted file mode 100644
index ba7c22cb..00000000
--- a/src/lib/contracts/__tests__/deductLuxFeeFrom.spec.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
-
-import { deductLuxFeeFrom } from "..";
-
-describe("deductLuxFeeFrom", () => {
-	it("should deduct a fee in Lux from a Dusk amount and return a value in Dusk", () => {
-		expect(deductLuxFeeFrom(1000, 20000000)).toBe(999.98);
-		expect(deductLuxFeeFrom(1000.456, 40000000)).toBe(1000.416);
-		expect(deductLuxFeeFrom(1000.456, 4e15)).toBe(-3998999.544);
-
-		// the simple subtraction would return 664144.7698459921 which has an extra decimal digit
-		expect(deductLuxFeeFrom(664_144.809845992, 40000000)).toBe(664_144.769845992);
-	});
-});
diff --git a/src/lib/contracts/__tests__/executeSend.spec.js b/src/lib/contracts/__tests__/executeSend.spec.js
new file mode 100644
index 00000000..12a8a869
--- /dev/null
+++ b/src/lib/contracts/__tests__/executeSend.spec.js
@@ -0,0 +1,55 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+
+import { walletStore } from "$lib/stores";
+
+import { executeSend } from "..";
+
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {typeof import("$lib/stores")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    walletStore: {
+      ...original.walletStore,
+      transfer: vi.fn().mockResolvedValue({
+        hash: "some-tx-id",
+        nullifiers: [],
+      }),
+    },
+  };
+});
+
+afterEach(() => {
+  vi.mocked(walletStore.transfer).mockClear();
+});
+
+afterAll(() => {
+  vi.doUnmock("$lib/stores/walletStore");
+});
+
+describe("executeSend", () => {
+  it("should call the walletStore transfer method and execute the transaction", async () => {
+    const duskAmount = 1000;
+    const luxAmount = BigInt(duskAmount * 1e9);
+    const result = await executeSend(
+      "fake-address",
+      luxAmount,
+      "test memo",
+      1n,
+      500n
+    );
+
+    expect(walletStore.transfer).toHaveBeenCalledTimes(1);
+    expect(walletStore.transfer).toHaveBeenCalledWith(
+      "fake-address",
+      luxAmount,
+      "test memo",
+      expect.objectContaining({
+        limit: 500n,
+        price: 1n,
+      })
+    );
+    expect(result).toBe("some-tx-id");
+  });
+});
diff --git a/src/lib/contracts/__tests__/updateOperation.spec.js b/src/lib/contracts/__tests__/updateOperation.spec.js
new file mode 100644
index 00000000..cf461c3e
--- /dev/null
+++ b/src/lib/contracts/__tests__/updateOperation.spec.js
@@ -0,0 +1,11 @@
+import { describe, expect, it } from "vitest";
+import { updateOperation } from "..";
+import { get } from "svelte/store";
+import { operationsStore } from "$lib/stores";
+
+describe("updateOperation", () => {
+  it("should set the current operation in the operationStore", () => {
+    updateOperation("some operation");
+    expect(get(operationsStore).currentOperation).toBe("some operation");
+  });
+});
diff --git a/src/lib/contracts/areValidGasSettings.js b/src/lib/contracts/areValidGasSettings.js
new file mode 100644
index 00000000..08a27944
--- /dev/null
+++ b/src/lib/contracts/areValidGasSettings.js
@@ -0,0 +1,27 @@
+import { gasStore } from "$lib/stores";
+import { isType } from "lamb";
+import { get } from "svelte/store";
+
+/**
+ *
+ * @param {bigint} price
+ * @param {bigint} limit
+ * @returns {Boolean}
+ */
+const areValidGasSettings = (price, limit) => {
+  const gasLimits = get(gasStore);
+  let isValidPrice = false;
+  let isValidLimit = false;
+  let isGasValid = false;
+
+  if ([price, limit].every(isType("BigInt"))) {
+    isValidPrice = price >= gasLimits.gasPriceLower && price <= limit;
+    isValidLimit =
+      limit >= gasLimits.gasLimitLower && limit <= gasLimits.gasLimitUpper;
+    isGasValid = isValidPrice && isValidLimit;
+  }
+
+  return isGasValid;
+};
+
+export default areValidGasSettings;
diff --git a/src/lib/contracts/contract-descriptors.js b/src/lib/contracts/contract-descriptors.js
index 1676d631..bb0719ae 100644
--- a/src/lib/contracts/contract-descriptors.js
+++ b/src/lib/contracts/contract-descriptors.js
@@ -5,39 +5,85 @@
  *
  * @type {ContractDescriptor[]}
  */
-export default [{
-	disabled: import.meta.env.VITE_CONTRACT_TRANSFER_DISABLED === "true",
-	id: "transfer",
-	label: "Transact",
-	operations: [{
-		disabled: false,
-		id: "send",
-		label: "Send",
-		primary: true
-	}, {
-		disabled: false,
-		id: "receive",
-		label: "Receive",
-		primary: false
-	}]
-}, {
-	disabled: import.meta.env.VITE_CONTRACT_STAKE_DISABLED === "true",
-	id: "staking",
-	label: "Stake",
-	operations: [{
-		disabled: false,
-		id: "stake",
-		label: "stake",
-		primary: true
-	}, {
-		disabled: false,
-		id: "withdraw-stake",
-		label: "withdraw stake",
-		primary: false
-	}, {
-		disabled: false,
-		id: "withdraw-rewards",
-		label: "withdraw rewards",
-		primary: false
-	}]
-}];
+export default [
+  {
+    enabled: import.meta.env.VITE_FEATURE_TRANSFER === "true",
+    id: "send",
+    label: "Send",
+    operations: [],
+  },
+  {
+    enabled: import.meta.env.VITE_FEATURE_TRANSFER === "true",
+    id: "receive",
+    label: "Receive",
+    operations: [],
+  },
+  {
+    enabled: import.meta.env.VITE_FEATURE_STAKE === "true",
+    id: "stake",
+    label: "Stake",
+    operations: [
+      {
+        disabled: false,
+        id: "stake",
+        label: "stake",
+        primary: true,
+      },
+      {
+        disabled: false,
+        id: "unstake",
+        label: "unstake",
+        primary: false,
+      },
+      {
+        disabled: false,
+        id: "claim-rewards",
+        label: "claim rewards",
+        primary: false,
+      },
+    ],
+  },
+  {
+    enabled: import.meta.env.VITE_FEATURE_ALLOCATE === "true",
+    id: "allocate",
+    label: "Allocate",
+    operations: [
+      {
+        disabled: false,
+        id: "send",
+        label: "send",
+        primary: true,
+      },
+    ],
+  },
+  {
+    enabled:
+      import.meta.env.VITE_FEATURE_MIGRATE === "true" &&
+      import.meta.env.VITE_REOWN_PROJECT_ID !== "",
+    id: "migrate",
+    label: "Migrate",
+    operations: [
+      {
+        disabled: false,
+        id: "connect",
+        label: "Connect",
+        primary: true,
+      },
+    ],
+  },
+  {
+    enabled:
+      import.meta.env.VITE_FEATURE_BRIDGE === "true" &&
+      import.meta.env.VITE_REOWN_PROJECT_ID !== "",
+    id: "bridge",
+    label: "Bridge",
+    operations: [
+      {
+        disabled: false,
+        id: "connect",
+        label: "Connect",
+        primary: true,
+      },
+    ],
+  },
+];
diff --git a/src/lib/contracts/contracts.d.ts b/src/lib/contracts/contracts.d.ts
index 7df28344..bc3fb1ad 100644
--- a/src/lib/contracts/contracts.d.ts
+++ b/src/lib/contracts/contracts.d.ts
@@ -1,28 +1,25 @@
 type ContractDescriptor = {
-	disabled: boolean;
-	id: string;
-	label: string;
-	operations: ContractOperation[];
+  enabled: boolean;
+  id: string;
+  label: string;
+  operations: ContractOperation[];
 };
 
 type ContractGasSettings = {
-	gasLimit: number;
-	gasLimitLower: number;
-	gasLimitUpper: number;
-	gasPrice: number;
-	gasPriceLower: number;
+  gasLimit: bigint;
+  gasPrice: bigint;
 };
 
 type ContractOperation = {
-	disabled: boolean;
-	id: string;
-	label: string;
-	primary: boolean;
+  disabled: boolean;
+  id: string;
+  label: string;
+  primary: boolean;
 };
 
 type ContractStatus = {
-	label: string;
-	value: string;
+  label: string;
+  value: string | null;
 };
 
-type StakeType = "stake" | "withdraw-stake" | "withdraw-rewards";
+type StakeType = "stake" | "unstake" | "claim-rewards";
diff --git a/src/lib/contracts/deductLuxFeeFrom.js b/src/lib/contracts/deductLuxFeeFrom.js
deleted file mode 100644
index f1c2074e..00000000
--- a/src/lib/contracts/deductLuxFeeFrom.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { duskToLux, luxToDusk } from "$lib/dusk/currency";
-
-/**
- * Deducts a fee in Lux from an amount in Dusk
- * and returns a value in Dusk.
- * If the returned value is negative, the fee exceeds
- * the given amount.
- *
- * @param {number} duskAmount
- * @param {number} luxFee
- * @returns {number}
- */
-const deductLuxFeeFrom = (duskAmount, luxFee) => +luxToDusk(duskToLux(duskAmount) - luxFee).toFixed(9);
-
-export default deductLuxFeeFrom;
diff --git a/src/lib/contracts/executeSend.js b/src/lib/contracts/executeSend.js
new file mode 100644
index 00000000..7750d538
--- /dev/null
+++ b/src/lib/contracts/executeSend.js
@@ -0,0 +1,28 @@
+import { getKey } from "lamb";
+import { Gas } from "@dusk/w3sper";
+
+import { getBlocklistedRecipient } from "$lib/security/addressBlocklist";
+import { walletStore } from "$lib/stores";
+
+/** @type {(to: string, amount: bigint, memo: string, gasPrice: bigint, gasLimit: bigint) => Promise<string>} */
+const executeSend = (to, amount, memo, gasPrice, gasLimit) => {
+  const blocked = getBlocklistedRecipient(to);
+
+  if (blocked) {
+    return Promise.reject(new Error(blocked.reason));
+  }
+
+  return walletStore
+    .transfer(
+      to,
+      amount,
+      memo,
+      new Gas({
+        limit: gasLimit,
+        price: gasPrice,
+      })
+    )
+    .then(getKey("hash"));
+};
+
+export default executeSend;
diff --git a/src/lib/contracts/index.js b/src/lib/contracts/index.js
index 4dc92511..5090e6c1 100644
--- a/src/lib/contracts/index.js
+++ b/src/lib/contracts/index.js
@@ -1,2 +1,4 @@
 export { default as contractDescriptors } from "./contract-descriptors";
-export { default as deductLuxFeeFrom } from "./deductLuxFeeFrom";
+export { default as executeSend } from "./executeSend";
+export { default as areValidGasSettings } from "./areValidGasSettings";
+export { default as updateOperation } from "./updateOperation";
diff --git a/src/lib/contracts/updateOperation.js b/src/lib/contracts/updateOperation.js
new file mode 100644
index 00000000..a3ebdfe9
--- /dev/null
+++ b/src/lib/contracts/updateOperation.js
@@ -0,0 +1,11 @@
+import { operationsStore } from "$lib/stores";
+
+/** @param {string} id */
+function updateOperation(id) {
+  operationsStore.update((store) => ({
+    ...store,
+    currentOperation: id,
+  }));
+}
+
+export default updateOperation;
diff --git a/src/lib/dusk/array/__tests__/arrayMaxByKey.spec.js b/src/lib/dusk/array/__tests__/arrayMaxByKey.spec.js
new file mode 100644
index 00000000..02d41b4c
--- /dev/null
+++ b/src/lib/dusk/array/__tests__/arrayMaxByKey.spec.js
@@ -0,0 +1,26 @@
+import { describe, expect, it } from "vitest";
+
+import { arrayMaxByKey } from "..";
+
+describe("arrayMaxByKey", () => {
+  const testArr = [
+    { active: true, date: new Date(2024, 1, 2), uid: "id3", value: 6, x: 0 },
+    { active: false, date: new Date(2024, 1, 3), uid: "id2", value: 3, x: -0 },
+    { active: false, date: new Date(2024, 1, 4), uid: "id1", value: 5, x: -1 },
+  ];
+
+  it("should get the max value of a key holding a comparable value in an array of objects", () => {
+    expect(arrayMaxByKey("active")(testArr)).toBe(true);
+    expect(arrayMaxByKey("date")(testArr)).toStrictEqual(new Date(2024, 1, 4));
+    expect(arrayMaxByKey("uid")(testArr)).toBe("id3");
+    expect(arrayMaxByKey("value")(testArr)).toBe(6);
+  });
+
+  it("will use the last encountered value if `0` or `-0` are the max value", () => {
+    expect(arrayMaxByKey("x")(testArr)).toBe(-0);
+  });
+
+  it("should return `undefined` if given an empty array", () => {
+    expect(arrayMaxByKey("value")([])).toBe(undefined);
+  });
+});
diff --git a/src/lib/dusk/array/__tests__/arraysEqual.spec.js b/src/lib/dusk/array/__tests__/arraysEqual.spec.js
index 77368c49..3decace8 100644
--- a/src/lib/dusk/array/__tests__/arraysEqual.spec.js
+++ b/src/lib/dusk/array/__tests__/arraysEqual.spec.js
@@ -2,44 +2,44 @@ import { describe, expect, it } from "vitest";
 import arraysEqual from "../arraysEqual";
 
 describe("arraysEqual", () => {
-	it("returns false for arrays with different object references", () => {
-		const obj1 = { key: "value" };
-		const obj2 = { key: "value" };
+  it("returns false for arrays with different object references", () => {
+    const obj1 = { key: "value" };
+    const obj2 = { key: "value" };
 
-		expect(arraysEqual([obj1], [obj2])).toBe(false);
-	});
+    expect(arraysEqual([obj1], [obj2])).toBe(false);
+  });
 
-	it("distinguishes between 0 and -0", () => {
-		expect(arraysEqual([0], [-0])).toBe(false);
-	});
+  it("distinguishes between 0 and -0", () => {
+    expect(arraysEqual([0], [-0])).toBe(false);
+  });
 
-	it("considers NaN equal to NaN", () => {
-		expect(arraysEqual([NaN], [NaN])).toBe(true);
-	});
+  it("considers NaN equal to NaN", () => {
+    expect(arraysEqual([NaN], [NaN])).toBe(true);
+  });
 
-	it("returns true for arrays with the same elements in the same order", () => {
-		expect(arraysEqual([1, 2, 3], [1, 2, 3])).toBe(true);
-	});
+  it("returns true for arrays with the same elements in the same order", () => {
+    expect(arraysEqual([1, 2, 3], [1, 2, 3])).toBe(true);
+  });
 
-	it("returns false for arrays with the same elements in different order", () => {
-		expect(arraysEqual([1, 2, 3], [3, 2, 1])).toBe(false);
-	});
+  it("returns false for arrays with the same elements in different order", () => {
+    expect(arraysEqual([1, 2, 3], [3, 2, 1])).toBe(false);
+  });
 
-	it("returns false for arrays with different elements", () => {
-		expect(arraysEqual([1, 2, 3], [4, 5, 6])).toBe(false);
-	});
+  it("returns false for arrays with different elements", () => {
+    expect(arraysEqual([1, 2, 3], [4, 5, 6])).toBe(false);
+  });
 
-	it("returns false for arrays of different lengths", () => {
-		expect(arraysEqual([1, 2, 3], [1, 2, 3, 4])).toBe(false);
-	});
+  it("returns false for arrays of different lengths", () => {
+    expect(arraysEqual([1, 2, 3], [1, 2, 3, 4])).toBe(false);
+  });
 
-	it("returns true when comparing an array with itself", () => {
-		const array = [1, 2, 3];
+  it("returns true when comparing an array with itself", () => {
+    const array = [1, 2, 3];
 
-		expect(arraysEqual(array, array)).toBe(true);
-	});
+    expect(arraysEqual(array, array)).toBe(true);
+  });
 
-	it("returns true for empty arrays", () => {
-		expect(arraysEqual([], [])).toBe(true);
-	});
+  it("returns true for empty arrays", () => {
+    expect(arraysEqual([], [])).toBe(true);
+  });
 });
diff --git a/src/lib/dusk/array/__tests__/findFirstNMatches.spec.js b/src/lib/dusk/array/__tests__/findFirstNMatches.spec.js
index afc3c5be..e1cbb713 100644
--- a/src/lib/dusk/array/__tests__/findFirstNMatches.spec.js
+++ b/src/lib/dusk/array/__tests__/findFirstNMatches.spec.js
@@ -2,126 +2,151 @@ import { describe, expect, test } from "vitest";
 import findFirstNMatches from "../findFirstNMatches";
 
 describe("findFirstNMatches", () => {
-	// Basic Functionality
-	test("returns correct matches for standard input", () => {
-		const words = ["apple", "apricot", "banana", "avocado", "apex"];
-		const prefix = "ap";
-		const numMatches = 3;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple", "apricot", "apex"]);
-	});
-
-	// No Matches
-	test("returns empty array when no matches found", () => {
-		const words = ["apple", "banana", "cherry"];
-		const prefix = "x";
-		const numMatches = 2;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
-	});
-
-	// Exact Number of Matches
-	test("returns all matches when exact number of matches are requested", () => {
-		const words = ["apple", "apricot", "appraisal"];
-		const prefix = "ap";
-		const numMatches = 3;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple", "apricot", "appraisal"]);
-	});
-
-	// More Matches Requested than Available
-	test("returns only available matches when more matches are requested", () => {
-		const words = ["apple", "apricot"];
-		const prefix = "ap";
-		const numMatches = 5;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple", "apricot"]);
-	});
-
-	// Case Sensitivity
-	test("is case-sensitive", () => {
-		const words = ["Apple", "apricot", "Apex"];
-		const prefix = "Ap";
-		const numMatches = 2;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["Apple", "Apex"]);
-	});
-
-	// Empty Words Array
-	test("returns empty array when words array is empty", () => {
-		/**
-		* @type {string[]}
-		*/
-		const words = [];
-		const prefix = "ap";
-		const numMatches = 3;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
-	});
-
-	// Empty Prefix
-	test("returns matches for empty prefix", () => {
-		const words = ["apple", "banana", "cherry"];
-		const prefix = "";
-		const numMatches = 2;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple", "banana"]);
-	});
-
-	// Negative Number of Matches
-	test("returns empty array for negative number of matches", () => {
-		const words = ["apple", "banana", "cherry"];
-		const prefix = "a";
-		const numMatches = -1;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
-	});
-
-	// Zero Number of Matches
-	test("returns empty array when number of matches is zero", () => {
-		const words = ["apple", "banana", "cherry"];
-		const prefix = "a";
-		const numMatches = 0;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
-	});
-
-	// Large Dataset Performance
-	test("handles large dataset efficiently", () => {
-		const words = new Array(10000).fill("apple");
-
-		words.push("apricot");
-
-		const prefix = "ap";
-		const numMatches = 1;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple"]);
-	});
-
-	// Special Characters in Prefix and Words
-	test("handles special characters in prefix and words", () => {
-		const words = ["@pple", "#banana", "cherry!"];
-		const prefix = "@";
-		const numMatches = 1;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["@pple"]);
-	});
-
-	// Prefix Longer than Word
-	test("handles cases where prefix is longer than some words", () => {
-		const words = ["app", "apple", "ap"];
-		const prefix = "apple";
-		const numMatches = 2;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["apple"]);
-	});
-
-	// Words with Prefix in Middle or End
-	test("only matches words starting with prefix", () => {
-		const words = ["unhappy", "happy", "append", "end"];
-		const prefix = "ap";
-		const numMatches = 2;
-
-		expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual(["append"]);
-	});
+  // Basic Functionality
+  test("returns correct matches for standard input", () => {
+    const words = ["apple", "apricot", "banana", "avocado", "apex"];
+    const prefix = "ap";
+    const numMatches = 3;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+      "apricot",
+      "apex",
+    ]);
+  });
+
+  // No Matches
+  test("returns empty array when no matches found", () => {
+    const words = ["apple", "banana", "cherry"];
+    const prefix = "x";
+    const numMatches = 2;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
+  });
+
+  // Exact Number of Matches
+  test("returns all matches when exact number of matches are requested", () => {
+    const words = ["apple", "apricot", "appraisal"];
+    const prefix = "ap";
+    const numMatches = 3;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+      "apricot",
+      "appraisal",
+    ]);
+  });
+
+  // More Matches Requested than Available
+  test("returns only available matches when more matches are requested", () => {
+    const words = ["apple", "apricot"];
+    const prefix = "ap";
+    const numMatches = 5;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+      "apricot",
+    ]);
+  });
+
+  // Case Sensitivity
+  test("is case-sensitive", () => {
+    const words = ["Apple", "apricot", "Apex"];
+    const prefix = "Ap";
+    const numMatches = 2;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "Apple",
+      "Apex",
+    ]);
+  });
+
+  // Empty Words Array
+  test("returns empty array when words array is empty", () => {
+    /**
+     * @type {string[]}
+     */
+    const words = [];
+    const prefix = "ap";
+    const numMatches = 3;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
+  });
+
+  // Empty Prefix
+  test("returns matches for empty prefix", () => {
+    const words = ["apple", "banana", "cherry"];
+    const prefix = "";
+    const numMatches = 2;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+      "banana",
+    ]);
+  });
+
+  // Negative Number of Matches
+  test("returns empty array for negative number of matches", () => {
+    const words = ["apple", "banana", "cherry"];
+    const prefix = "a";
+    const numMatches = -1;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
+  });
+
+  // Zero Number of Matches
+  test("returns empty array when number of matches is zero", () => {
+    const words = ["apple", "banana", "cherry"];
+    const prefix = "a";
+    const numMatches = 0;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([]);
+  });
+
+  // Large Dataset Performance
+  test("handles large dataset efficiently", () => {
+    const words = new Array(10000).fill("apple");
+
+    words.push("apricot");
+
+    const prefix = "ap";
+    const numMatches = 1;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+    ]);
+  });
+
+  // Special Characters in Prefix and Words
+  test("handles special characters in prefix and words", () => {
+    const words = ["@pple", "#banana", "cherry!"];
+    const prefix = "@";
+    const numMatches = 1;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "@pple",
+    ]);
+  });
+
+  // Prefix Longer than Word
+  test("handles cases where prefix is longer than some words", () => {
+    const words = ["app", "apple", "ap"];
+    const prefix = "apple";
+    const numMatches = 2;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "apple",
+    ]);
+  });
+
+  // Words with Prefix in Middle or End
+  test("only matches words starting with prefix", () => {
+    const words = ["unhappy", "happy", "append", "end"];
+    const prefix = "ap";
+    const numMatches = 2;
+
+    expect(findFirstNMatches(words, prefix, numMatches)).toStrictEqual([
+      "append",
+    ]);
+  });
 });
diff --git a/src/lib/dusk/array/__tests__/shuffleArray.spec.js b/src/lib/dusk/array/__tests__/shuffleArray.spec.js
index 193f19a4..5afb40ce 100644
--- a/src/lib/dusk/array/__tests__/shuffleArray.spec.js
+++ b/src/lib/dusk/array/__tests__/shuffleArray.spec.js
@@ -5,45 +5,46 @@ import shuffleArray from "../shuffleArray.js";
 vi.mock("lamb");
 
 describe("shuffleArray", () => {
-	const sampleArray = [1, 2, 3, 4, 5];
+  const sampleArray = [1, 2, 3, 4, 5];
 
-	afterAll(() => {
-		vi.doUnmock("lamb");
-	});
+  afterAll(() => {
+    vi.doUnmock("lamb");
+  });
 
-	it("should not mutate the original array", () => {
-		const copyOfOriginal = [...sampleArray];
+  it("should not mutate the original array", () => {
+    const copyOfOriginal = [...sampleArray];
 
-		shuffleArray(sampleArray);
-		expect(sampleArray).toStrictEqual(copyOfOriginal);
-	});
+    shuffleArray(sampleArray);
+    expect(sampleArray).toStrictEqual(copyOfOriginal);
+  });
 
-	it("should return an array of the same length", () => {
-		const shuffledArray = shuffleArray(sampleArray);
+  it("should return an array of the same length", () => {
+    const shuffledArray = shuffleArray(sampleArray);
 
-		expect(shuffledArray.length).toBe(sampleArray.length);
-	});
+    expect(shuffledArray.length).toBe(sampleArray.length);
+  });
 
-	it("should contain the same elements", () => {
-		const shuffledArray = shuffleArray(sampleArray);
+  it("should contain the same elements", () => {
+    const shuffledArray = shuffleArray(sampleArray);
 
-		expect(sort(shuffledArray)).toStrictEqual(sort(sampleArray));
-	});
+    expect(sort(shuffledArray)).toStrictEqual(sort(sampleArray));
+  });
 
-	it("should shuffle the array elements", () => {
-		vi.mocked(randomInt).mockReturnValue(2)
-			.mockReturnValueOnce(3)
-			.mockReturnValueOnce(4)
-			.mockReturnValueOnce(0);
+  it("should shuffle the array elements", () => {
+    vi.mocked(randomInt)
+      .mockReturnValue(2)
+      .mockReturnValueOnce(3)
+      .mockReturnValueOnce(4)
+      .mockReturnValueOnce(0);
 
-		let shuffledArray = shuffleArray(sampleArray);
+    let shuffledArray = shuffleArray(sampleArray);
 
-		expect(shuffledArray).toStrictEqual([3, 1, 2, 4, 5]);
+    expect(shuffledArray).toStrictEqual([3, 1, 2, 4, 5]);
 
-		shuffledArray = shuffleArray(sampleArray);
-		expect(shuffledArray).toStrictEqual([1, 4, 2, 5, 3]);
+    shuffledArray = shuffleArray(sampleArray);
+    expect(shuffledArray).toStrictEqual([1, 4, 2, 5, 3]);
 
-		shuffledArray = shuffleArray(sampleArray);
-		expect(shuffledArray).toStrictEqual([ 1, 4, 2, 5, 3]);
-	});
+    shuffledArray = shuffleArray(sampleArray);
+    expect(shuffledArray).toStrictEqual([1, 4, 2, 5, 3]);
+  });
 });
diff --git a/src/lib/dusk/array/arrayMaxByKey.js b/src/lib/dusk/array/arrayMaxByKey.js
new file mode 100644
index 00000000..77af3538
--- /dev/null
+++ b/src/lib/dusk/array/arrayMaxByKey.js
@@ -0,0 +1,27 @@
+import { reduce } from "lamb";
+
+/**
+ * Gets the max value of the given key in an array of objects.
+ *
+ *
+ * @example
+ * const scores = [
+ *     { score: 7, user: "John" },
+ *     { score: 9, user: "Jane" },
+ *     { score: 5, user: "Mario" }
+ * ];
+ * const getMaxScore = arrayMaxByKey("score");
+ *
+ * getMaxScore(scores) // => 9
+ *
+ * @template {string} K
+ * @template {Record<PropertyKey, any> & Record<K, import("lamb").Ord>} S
+ * @param {K} key
+ * @returns {<const L extends S[]>(array: L) => L extends [] ? undefined : typeof array[number][K]}
+ */
+const arrayMaxByKey = (key) => (array) =>
+  array.length === 0
+    ? undefined
+    : reduce(array, (r, c) => (r[key] > c[key] ? r : c))[key];
+
+export default arrayMaxByKey;
diff --git a/src/lib/dusk/array/arraysEqual.js b/src/lib/dusk/array/arraysEqual.js
index a672f812..24c56854 100644
--- a/src/lib/dusk/array/arraysEqual.js
+++ b/src/lib/dusk/array/arraysEqual.js
@@ -9,18 +9,18 @@
  * and all corresponding elements are equal, false otherwise.
  */
 
-function arraysEqual (arr1, arr2) {
-	if (arr1.length !== arr2.length) {
-		return false;
-	}
+function arraysEqual(arr1, arr2) {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
 
-	for (let i = 0; i < arr1.length; i++) {
-		if (!Object.is(arr1[i], arr2[i])) {
-			return false;
-		}
-	}
+  for (let i = 0; i < arr1.length; i++) {
+    if (!Object.is(arr1[i], arr2[i])) {
+      return false;
+    }
+  }
 
-	return true;
+  return true;
 }
 
 export default arraysEqual;
diff --git a/src/lib/dusk/array/findFirstNMatches.js b/src/lib/dusk/array/findFirstNMatches.js
index 17a40385..2a52c7ea 100644
--- a/src/lib/dusk/array/findFirstNMatches.js
+++ b/src/lib/dusk/array/findFirstNMatches.js
@@ -1,4 +1,3 @@
-
 /**
  * Finds the first N matches in an array of words that start with a given prefix.
  * @note The matching is case-sensitive.
@@ -7,27 +6,27 @@
  * @param {number} numMatches – The number of matches to find.
  * @returns {string[]} The first N matches.
  */
-function findFirstNMatches (words, prefix, numMatches) {
-	/**
-	 * @type {string[]}
-	 */
-	const matches = [];
+function findFirstNMatches(words, prefix, numMatches) {
+  /**
+   * @type {string[]}
+   */
+  const matches = [];
 
-	if (numMatches <= 0) {
-		return matches;
-	}
+  if (numMatches <= 0) {
+    return matches;
+  }
 
-	for (const word of words) {
-		if (word.startsWith(prefix)) {
-			matches.push(word);
-		}
+  for (const word of words) {
+    if (word.startsWith(prefix)) {
+      matches.push(word);
+    }
 
-		if (matches.length === numMatches) {
-			break;
-		}
-	}
+    if (matches.length === numMatches) {
+      break;
+    }
+  }
 
-	return matches;
+  return matches;
 }
 
 export default findFirstNMatches;
diff --git a/src/lib/dusk/array/index.js b/src/lib/dusk/array/index.js
index d951bccf..d41f5705 100644
--- a/src/lib/dusk/array/index.js
+++ b/src/lib/dusk/array/index.js
@@ -1,3 +1,4 @@
 export { default as arraysEqual } from "./arraysEqual";
+export { default as arrayMaxByKey } from "./arrayMaxByKey";
 export { default as shuffleArray } from "./shuffleArray";
 export { default as findFirstNMatches } from "./findFirstNMatches";
diff --git a/src/lib/dusk/array/shuffleArray.js b/src/lib/dusk/array/shuffleArray.js
index dbc763eb..967c5549 100644
--- a/src/lib/dusk/array/shuffleArray.js
+++ b/src/lib/dusk/array/shuffleArray.js
@@ -7,16 +7,16 @@ import { randomInt } from "lamb";
  * @returns {T[]} The shuffled array.
  */
 
-function shuffleArray (array) {
-	const shuffledArray = [...array];
+function shuffleArray(array) {
+  const shuffledArray = [...array];
 
-	for (let i = shuffledArray.length - 1; i > 0; i--) {
-		const j = randomInt(0, i);
+  for (let i = shuffledArray.length - 1; i > 0; i--) {
+    const j = randomInt(0, i);
 
-		[shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];
-	}
+    [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];
+  }
 
-	return shuffledArray;
+  return shuffledArray;
 }
 
 export default shuffleArray;
diff --git a/src/lib/dusk/base64/__tests__/base64ToBytes.spec.js b/src/lib/dusk/base64/__tests__/base64ToBytes.spec.js
index 333e37af..fceae800 100644
--- a/src/lib/dusk/base64/__tests__/base64ToBytes.spec.js
+++ b/src/lib/dusk/base64/__tests__/base64ToBytes.spec.js
@@ -1,15 +1,11 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { base64ToBytes } from "..";
 
 describe("base64ToBytes", () => {
-	const expected = Uint8Array.of(1, 1, 2, 3, 5, 8, 13, 21);
+  const expected = Uint8Array.of(1, 1, 2, 3, 5, 8, 13, 21);
 
-	it("should convert a Uint8Array to a base 64 string", () => {
-		expect(base64ToBytes("AQECAwUIDRU=")).toStrictEqual(expected);
-	});
+  it("should convert a Uint8Array to a base 64 string", () => {
+    expect(base64ToBytes("AQECAwUIDRU=")).toStrictEqual(expected);
+  });
 });
diff --git a/src/lib/dusk/base64/__tests__/base64ToUTF8.spec.js b/src/lib/dusk/base64/__tests__/base64ToUTF8.spec.js
index 2afee3a2..ed83cff2 100644
--- a/src/lib/dusk/base64/__tests__/base64ToUTF8.spec.js
+++ b/src/lib/dusk/base64/__tests__/base64ToUTF8.spec.js
@@ -1,17 +1,13 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { base64ToUTF8 } from "..";
 
 describe("base64ToUTF8", () => {
-	const source = "bWEgY2hlIGJlbGxhIGNpdHTDoCDwn5iD";
-	const source2 = "YSDEgCDwkICAIOaWhyDwn6aE";
+  const source = "bWEgY2hlIGJlbGxhIGNpdHTDoCDwn5iD";
+  const source2 = "YSDEgCDwkICAIOaWhyDwn6aE";
 
-	it("should convert a Uint8Array to a base 64 string", () => {
-		expect(base64ToUTF8(source)).toBe("ma che bella città 😃");
-		expect(base64ToUTF8(source2)).toBe("a Ā 𐀀 文 🦄");
-	});
+  it("should convert a Uint8Array to a base 64 string", () => {
+    expect(base64ToUTF8(source)).toBe("ma che bella città 😃");
+    expect(base64ToUTF8(source2)).toBe("a Ā 𐀀 文 🦄");
+  });
 });
diff --git a/src/lib/dusk/base64/__tests__/bytesToBase64.spec.js b/src/lib/dusk/base64/__tests__/bytesToBase64.spec.js
index 70df77c3..e0869d44 100644
--- a/src/lib/dusk/base64/__tests__/bytesToBase64.spec.js
+++ b/src/lib/dusk/base64/__tests__/bytesToBase64.spec.js
@@ -1,15 +1,11 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { bytesToBase64 } from "..";
 
 describe("bytesToBase64", () => {
-	const source = Uint8Array.of(1, 1, 2, 3, 5, 8, 13, 21);
+  const source = Uint8Array.of(1, 1, 2, 3, 5, 8, 13, 21);
 
-	it("should convert a Uint8Array to a base 64 string", () => {
-		expect(bytesToBase64(source)).toBe("AQECAwUIDRU=");
-	});
+  it("should convert a Uint8Array to a base 64 string", () => {
+    expect(bytesToBase64(source)).toBe("AQECAwUIDRU=");
+  });
 });
diff --git a/src/lib/dusk/base64/__tests__/utf8ToBase64.spec.js b/src/lib/dusk/base64/__tests__/utf8ToBase64.spec.js
index 1d44e3cf..032dac33 100644
--- a/src/lib/dusk/base64/__tests__/utf8ToBase64.spec.js
+++ b/src/lib/dusk/base64/__tests__/utf8ToBase64.spec.js
@@ -1,17 +1,13 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { utf8ToBase64 } from "..";
 
 describe("utf8ToBase64", () => {
-	const source = "ma che bella città 😃";
-	const source2 = "a Ā 𐀀 文 🦄";
+  const source = "ma che bella città 😃";
+  const source2 = "a Ā 𐀀 文 🦄";
 
-	it("should convert a Uint8Array to a base 64 string", () => {
-		expect(utf8ToBase64(source)).toBe("bWEgY2hlIGJlbGxhIGNpdHTDoCDwn5iD");
-		expect(utf8ToBase64(source2)).toBe("YSDEgCDwkICAIOaWhyDwn6aE");
-	});
+  it("should convert a Uint8Array to a base 64 string", () => {
+    expect(utf8ToBase64(source)).toBe("bWEgY2hlIGJlbGxhIGNpdHTDoCDwn5iD");
+    expect(utf8ToBase64(source2)).toBe("YSDEgCDwkICAIOaWhyDwn6aE");
+  });
 });
diff --git a/src/lib/dusk/base64/base64ToBytes.js b/src/lib/dusk/base64/base64ToBytes.js
index 58e03292..cf7a3b70 100644
--- a/src/lib/dusk/base64/base64ToBytes.js
+++ b/src/lib/dusk/base64/base64ToBytes.js
@@ -1,11 +1,8 @@
-/* eslint-disable no-extra-parens */
-
 /** @type {(s: string) => Uint8Array} */
-const base64ToBytes = s => Uint8Array.from(
-	atob(s),
-	/** @type {(c: string) => number} */ (c => c.codePointAt(0))
-);
-
-/* eslint-enable no-extra-parens */
+const base64ToBytes = (s) =>
+  Uint8Array.from(
+    atob(s),
+    /** @type {(c: string) => number} */ ((c) => c.codePointAt(0))
+  );
 
 export default base64ToBytes;
diff --git a/src/lib/dusk/base64/base64ToUTF8.js b/src/lib/dusk/base64/base64ToUTF8.js
index 28a0a207..ede2bcd7 100644
--- a/src/lib/dusk/base64/base64ToUTF8.js
+++ b/src/lib/dusk/base64/base64ToUTF8.js
@@ -1,6 +1,6 @@
 import base64ToBytes from "./base64ToBytes";
 
 /** @type {(s: string) => string} */
-const base64ToUTF8 = s => new TextDecoder().decode(base64ToBytes(s));
+const base64ToUTF8 = (s) => new TextDecoder().decode(base64ToBytes(s));
 
 export default base64ToUTF8;
diff --git a/src/lib/dusk/base64/bytesToBase64.js b/src/lib/dusk/base64/bytesToBase64.js
index ca9eea63..2f3bf248 100644
--- a/src/lib/dusk/base64/bytesToBase64.js
+++ b/src/lib/dusk/base64/bytesToBase64.js
@@ -1,4 +1,4 @@
 /** @type {(bytes: Uint8Array) => string} */
-const bytesToBase64 = bytes => btoa(String.fromCodePoint(...bytes));
+const bytesToBase64 = (bytes) => btoa(String.fromCodePoint(...bytes));
 
 export default bytesToBase64;
diff --git a/src/lib/dusk/base64/utf8ToBase64.js b/src/lib/dusk/base64/utf8ToBase64.js
index 32102e54..1f235969 100644
--- a/src/lib/dusk/base64/utf8ToBase64.js
+++ b/src/lib/dusk/base64/utf8ToBase64.js
@@ -1,6 +1,6 @@
 import bytesToBase64 from "./bytesToBase64";
 
 /** @type {(s: string) => string} */
-const utf8ToBase64 = s => bytesToBase64(new TextEncoder().encode(s));
+const utf8ToBase64 = (s) => bytesToBase64(new TextEncoder().encode(s));
 
 export default utf8ToBase64;
diff --git a/src/lib/dusk/components/Agreement/Agreement.svelte b/src/lib/dusk/components/Agreement/Agreement.svelte
index abade87f..2802796f 100644
--- a/src/lib/dusk/components/Agreement/Agreement.svelte
+++ b/src/lib/dusk/components/Agreement/Agreement.svelte
@@ -1,40 +1,38 @@
 <script>
-	import { makeClassName } from "$lib/dusk/string";
-	import Checkbox from "../Checkbox/Checkbox.svelte";
+  import { makeClassName } from "$lib/dusk/string";
+  import Checkbox from "../Checkbox/Checkbox.svelte";
 
-	/** @type {String} */
-	export let name;
+  /** @type {String} */
+  export let name;
 
-	/** @type {String} */
-	export let label;
+  /** @type {String} */
+  export let label;
 
-	/** @type {String} */
-	export let controlId = `dusk-checkbox-${Math.random().toString(36)}`;
+  /** @type {String} */
+  export let controlId = `dusk-checkbox-${Math.random().toString(36)}`;
 
-	/** @type {Boolean} */
-	export let disabled = false;
+  /** @type {Boolean} */
+  export let disabled = false;
 
-	/** @type {Boolean} */
-	export let checked = false;
+  /** @type {Boolean} */
+  export let checked = false;
 
-	/** @type {String|Undefined} */
-	export let className = undefined;
+  /** @type {String|Undefined} */
+  export let className = undefined;
 
-	const classes = makeClassName(["dusk-agreement", className]);
+  const classes = makeClassName(["dusk-agreement", className]);
 </script>
 
 <div {...$$restProps} class={classes}>
-	<Checkbox
-		tabindex={0}
-		id={controlId}
-		{name}
-		{disabled}
-		bind:checked
-		on:change/>
-	<label
-		for={controlId}
-		class="dusk-agreement__label"
-	>
-		{label}
-	</label>
+  <Checkbox
+    tabindex={0}
+    id={controlId}
+    {name}
+    {disabled}
+    bind:checked
+    on:change
+  />
+  <label for={controlId} class="dusk-agreement__label">
+    {label}
+  </label>
 </div>
diff --git a/src/lib/dusk/components/Anchor/Anchor.css b/src/lib/dusk/components/Anchor/Anchor.css
index fe3f0428..7a20f21c 100644
--- a/src/lib/dusk/components/Anchor/Anchor.css
+++ b/src/lib/dusk/components/Anchor/Anchor.css
@@ -1,3 +1,3 @@
 .dusk-anchor.dusk-anchor__disabled {
-	pointer-events: none;
+  pointer-events: none;
 }
diff --git a/src/lib/dusk/components/Anchor/Anchor.svelte b/src/lib/dusk/components/Anchor/Anchor.svelte
index c5c51ed6..44e85cb2 100644
--- a/src/lib/dusk/components/Anchor/Anchor.svelte
+++ b/src/lib/dusk/components/Anchor/Anchor.svelte
@@ -1,21 +1,28 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
-	import "./Anchor.css";
+  import { makeClassName } from "$lib/dusk/string";
+  import "./Anchor.css";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {String} */
-	export let href;
+  /** @type {String} */
+  export let href;
+
+  /** @type {boolean} */
+  export let onSurface = true;
 </script>
 
 <a
-	{...$$restProps}
-	class={makeClassName(["dusk-anchor", className])}
-	{href}
-	on:click
+  {...$$restProps}
+  class={makeClassName([
+    "dusk-anchor",
+    `dusk-anchor--${onSurface ? "on-surface" : "off-surface"}`,
+    className,
+  ])}
+  {href}
+  on:click
 >
-	<slot/>
+  <slot />
 </a>
diff --git a/src/lib/dusk/components/AnchorButton/AnchorButton.css b/src/lib/dusk/components/AnchorButton/AnchorButton.css
index b0327799..0d98b9ba 100644
--- a/src/lib/dusk/components/AnchorButton/AnchorButton.css
+++ b/src/lib/dusk/components/AnchorButton/AnchorButton.css
@@ -1,10 +1,10 @@
 .dusk-anchor-button {
-	appearance: button;
-	text-decoration: none;
-	text-align: center;
+  appearance: button;
+  text-decoration: none;
+  text-align: center;
 }
 
 .dusk-anchor-button.dusk-anchor-button--disabled {
-	cursor: default;
-	pointer-events: none;
+  cursor: default;
+  pointer-events: none;
 }
diff --git a/src/lib/dusk/components/AnchorButton/AnchorButton.svelte b/src/lib/dusk/components/AnchorButton/AnchorButton.svelte
index a896d26c..e421090c 100644
--- a/src/lib/dusk/components/AnchorButton/AnchorButton.svelte
+++ b/src/lib/dusk/components/AnchorButton/AnchorButton.svelte
@@ -1,63 +1,71 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	import Anchor from "../Anchor/Anchor.svelte";
-	import Icon from "../Icon/Icon.svelte";
+  import Anchor from "../Anchor/Anchor.svelte";
+  import Icon from "../Icon/Icon.svelte";
 
-	import "./AnchorButton.css";
+  import "./AnchorButton.css";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {Boolean} */
-	export let disabled = false;
+  /** @type {Boolean} */
+  export let disabled = false;
 
-	/** @type {String} */
-	export let href;
+  /** @type {String} */
+  export let href;
 
-	/** @type {IconProp | Undefined} */
-	export let icon = undefined;
+  /** @type {IconProp | Undefined} */
+  export let icon = undefined;
 
-	/** @type {ButtonSize} */
-	export let size = "normal";
+  /** @type {ButtonSize} */
+  export let size = "default";
 
-	/** @type {ButtonVariant } */
-	export let variant = "primary";
+  /** @type {ButtonVariant} */
+  export let variant = "primary";
 
-	/** @type {String | Undefined} */
-	export let text = undefined;
+  /** @type {String | Undefined} */
+  export let text = undefined;
 
-	$: classes = makeClassName([
-		"dusk-anchor-button",
-		`dusk-anchor-button--variant--${variant}`,
-		`dusk-anchor-button--size--${size}`,
-		disabled ? "dusk-anchor-button--disabled" : "",
-		icon && text ? "dusk-icon-button-labeled" : icon ? "dusk-icon-button" : "",
-		className
-	]);
+  $: classes = makeClassName([
+    "dusk-anchor-button",
+    `dusk-anchor-button--variant--${variant}`,
+    `dusk-anchor-button--size--${size}`,
+    disabled ? "dusk-anchor-button--disabled" : "",
+    icon && text ? "dusk-icon-button--labeled" : icon ? "dusk-icon-button" : "",
+    className,
+  ]);
 </script>
 
 <Anchor
-	{...$$restProps}
-	aria-disabled={disabled}
-	className={classes}
-	{href}
-	on:click
-	tabindex={disabled ? "-1" : $$restProps.tabindex ?? undefined}
+  {...$$restProps}
+  aria-disabled={disabled}
+  className={classes}
+  {href}
+  on:click
+  tabindex={disabled ? "-1" : ($$restProps.tabindex ?? undefined)}
 >
-	{#if icon?.position === "after"}
-		{#if text}
-			<span class="dusk-anchor-button__text">{text}</span>
-		{/if}
-		<Icon className="dusk-anchor-button__icon" path={icon.path} size={icon.size}/>
-	{:else if icon}
-		<Icon className="dusk-anchor-button__icon" path={icon.path} size={icon.size}/>
-		{#if text}
-			<span class="dusk-anchor-button__text">{text}</span>
-		{/if}
-	{:else if text}
-		<span class="dusk-anchor-button__text">{text}</span>
-	{/if}
+  {#if icon?.position === "after"}
+    {#if text}
+      <span class="dusk-anchor-button__text">{text}</span>
+    {/if}
+    <Icon
+      className="dusk-anchor-button__icon"
+      path={icon.path}
+      size={icon.size}
+    />
+  {:else if icon}
+    <Icon
+      className="dusk-anchor-button__icon"
+      path={icon.path}
+      size={icon.size}
+    />
+    {#if text}
+      <span class="dusk-anchor-button__text">{text}</span>
+    {/if}
+  {:else if text}
+    <span class="dusk-anchor-button__text">{text}</span>
+  {/if}
 </Anchor>
diff --git a/src/lib/dusk/components/Badge/Badge.svelte b/src/lib/dusk/components/Badge/Badge.svelte
index ef2a1579..6d97724e 100644
--- a/src/lib/dusk/components/Badge/Badge.svelte
+++ b/src/lib/dusk/components/Badge/Badge.svelte
@@ -1,19 +1,19 @@
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	export let text = "";
+  export let text = "";
 
-	/** @type {BadgeVariant} */
-	export let variant = "neutral";
+  /** @type {BadgeVariant} */
+  export let variant = "neutral";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	$: classes = makeClassName([
-		"dusk-badge",
-		`dusk-badge--variant-${variant}`,
-		className
-	]);
+  $: classes = makeClassName([
+    "dusk-badge",
+    `dusk-badge--variant-${variant}`,
+    className,
+  ]);
 </script>
 
 <span class={classes}>{text}</span>
diff --git a/src/lib/dusk/components/Button/Button.svelte b/src/lib/dusk/components/Button/Button.svelte
index a3440a69..d80b07a3 100644
--- a/src/lib/dusk/components/Button/Button.svelte
+++ b/src/lib/dusk/components/Button/Button.svelte
@@ -1,62 +1,70 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	import Icon from "../Icon/Icon.svelte";
+  import Icon from "../Icon/Icon.svelte";
 
-	/** @type {Boolean} */
-	export let active = false;
+  /** @type {Boolean} */
+  export let active = false;
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {IconProp | Undefined} */
-	export let icon = undefined;
+  /** @type {IconProp | Undefined} */
+  export let icon = undefined;
 
-	/** @type {ButtonSize} */
-	export let size = "normal";
+  /** @type {ButtonSize} */
+  export let size = "default";
 
-	/** @type {ButtonVariant} */
-	export let variant = "primary";
+  /** @type {ButtonVariant} */
+  export let variant = "primary";
 
-	/** @type {String | Undefined} */
-	export let text = undefined;
+  /** @type {String | Undefined} */
+  export let text = undefined;
 
-	/** @type {"button" | "reset" | "submit" | "toggle"} */
-	export let type = "button";
+  /** @type {"button" | "reset" | "submit" | "toggle"} */
+  export let type = "button";
 
-	$: classes = makeClassName([
-		"dusk-button",
-		`dusk-button--type--${type}`,
-		`dusk-button--variant--${variant}`,
-		`dusk-button--size--${size}`,
-		icon && text ? "dusk-icon-button-labeled" : icon ? "dusk-icon-button" : "",
-		type === "toggle" && active ? "dusk-button--type--toggle--active" : "",
-		className
-	]);
+  $: classes = makeClassName([
+    "dusk-button",
+    `dusk-button--type--${type}`,
+    `dusk-button--variant--${variant}`,
+    `dusk-button--size--${size}`,
+    icon && text ? "dusk-icon-button--labeled" : icon ? "dusk-icon-button" : "",
+    type === "toggle" && active ? "dusk-button--active" : "",
+    className,
+  ]);
 </script>
 
 <button
-	{...$$restProps}
-	aria-pressed={type === "toggle" ? active : undefined}
-	class={classes}
-	on:click
-	on:mousedown
-	on:mouseup
-	type={type === "toggle" ? "button" : type}
+  {...$$restProps}
+  aria-pressed={type === "toggle" ? active : undefined}
+  class={classes}
+  on:click
+  on:mousedown
+  on:mouseup
+  type={type === "toggle" ? "button" : type}
 >
-	{#if icon?.position === "after"}
-		{#if text}
-			<span class="dusk-button__text">{text}</span>
-		{/if}
-		<Icon className="dusk-button__icon" path={icon.path} size={icon.size}/>
-	{:else if icon}
-		<Icon className="dusk-button__icon" path={icon.path} size={icon.size}/>
-		{#if text}
-			<span class="dusk-button__text">{text}</span>
-		{/if}
-	{:else if text}
-		<span class="dusk-button__text">{text}</span>
-	{/if}
+  {#if icon?.position === "after"}
+    {#if text}
+      <span class="dusk-button__text">{text}</span>
+    {/if}
+    <Icon
+      className="dusk-button__icon"
+      path={icon.path}
+      size={icon.size ?? "default"}
+    />
+  {:else if icon}
+    <Icon
+      className="dusk-button__icon"
+      path={icon.path}
+      size={icon.size ?? "default"}
+    />
+    {#if text}
+      <span class="dusk-button__text">{text}</span>
+    {/if}
+  {:else if text}
+    <span class="dusk-button__text">{text}</span>
+  {/if}
 </button>
diff --git a/src/lib/dusk/components/Card/Card.svelte b/src/lib/dusk/components/Card/Card.svelte
index 9ce5a56d..d4ff8535 100644
--- a/src/lib/dusk/components/Card/Card.svelte
+++ b/src/lib/dusk/components/Card/Card.svelte
@@ -1,39 +1,45 @@
+<svelte:options immutable={true} />
+
 <script>
-	import Icon from "../Icon/Icon.svelte";
-	import Switch from "../Switch/Switch.svelte";
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {string} */
-	export let tag = "div";
+  /** @type {string} */
+  export let tag = "div";
 
-	/** @type {string | Undefined} */
-	export let className = undefined;
+  /** @type {CardGap} */
+  export let gap = "default";
 
-	/** @type {string | Undefined} */
-	export let iconPath = undefined;
+  /** @type {string | Undefined} */
+  export let className = undefined;
 
-	/** @type {string} */
-	export let heading;
+  /** @type {boolean} */
+  export let onSurface = false;
 
-	export let hasToggle = false;
-	export let isToggled = false;
+  /** @type {boolean} */
+  export let showBody = true;
 
-	$: classes = makeClassName(["dusk-card", className]);
+  $: classes = makeClassName(["dusk-card", `dusk-card--gap-${gap}`, className]);
 </script>
 
-<svelte:element this={tag} {...$$restProps} class={classes}>
-	<header
-		class="dusk-card__header"
-		class:dusk-card__header--toggle-off={hasToggle && !isToggled}>
-		{#if iconPath}
-			<Icon className="dusk-card__icon" path={iconPath}/>
-		{/if}
-		<h3 class="h4">{heading}</h3>
-		{#if hasToggle}
-			<Switch onSurface bind:value={isToggled}/>
-		{/if}
-	</header>
-	{#if !hasToggle || isToggled}
-		<slot/>
-	{/if}
+<svelte:element
+  this={tag}
+  {...$$restProps}
+  class={classes}
+  class:dusk-card--on-surface={onSurface}
+>
+  {#if $$slots.header}
+    <div class="dusk-card__header-container">
+      <slot name="header" />
+    </div>
+  {/if}
+  {#if showBody}
+    <div class="dusk-card__body-container">
+      <slot />
+    </div>
+  {/if}
+  {#if $$slots.footer}
+    <div class="dusk-card__footer-container">
+      <slot name="footer" />
+    </div>
+  {/if}
 </svelte:element>
diff --git a/src/lib/dusk/components/Checkbox/Checkbox.svelte b/src/lib/dusk/components/Checkbox/Checkbox.svelte
index 8858535d..e960870a 100644
--- a/src/lib/dusk/components/Checkbox/Checkbox.svelte
+++ b/src/lib/dusk/components/Checkbox/Checkbox.svelte
@@ -1,35 +1,35 @@
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {String} */
-	export let name;
+  /** @type {String} */
+  export let name;
 
-	/** @type {String} */
-	export let id = `dusk-checkbox-${Math.random().toString(36)}`;
+  /** @type {String} */
+  export let id = `dusk-checkbox-${Math.random().toString(36)}`;
 
-	/** @type {Boolean} */
-	export let disabled = false;
+  /** @type {Boolean} */
+  export let disabled = false;
 
-	/** @type {Boolean} */
-	export let checked = false;
+  /** @type {Boolean} */
+  export let checked = false;
 
-	/** @type {String|Undefined} */
-	export let className = undefined;
+  /** @type {String|Undefined} */
+  export let className = undefined;
 
-	/** @type {Number|Undefined} */
-	export let tabindex = undefined;
+  /** @type {Number|Undefined} */
+  export let tabindex = undefined;
 
-	const classes = makeClassName(["dusk-checkbox", className]);
+  const classes = makeClassName(["dusk-checkbox", className]);
 </script>
 
 <input
-	{...$$restProps}
-	type="checkbox"
-	{id}
-	{tabindex}
-	{name}
-	{disabled}
-	class={classes}
-	bind:checked
-	on:change
+  {...$$restProps}
+  type="checkbox"
+  {id}
+  {tabindex}
+  {name}
+  {disabled}
+  class={classes}
+  bind:checked
+  on:change
 />
diff --git a/src/lib/dusk/components/ErrorAlert/ErrorAlert.svelte b/src/lib/dusk/components/ErrorAlert/ErrorAlert.svelte
new file mode 100644
index 00000000..ad87443a
--- /dev/null
+++ b/src/lib/dusk/components/ErrorAlert/ErrorAlert.svelte
@@ -0,0 +1,32 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiCloseThick } from "@mdi/js";
+
+  import { makeClassName } from "$lib/dusk/string";
+
+  import { ErrorDetails, Icon } from "..";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {Error} */
+  export let error;
+
+  /** @type {GapSize} */
+  export let gap = "default";
+
+  /** @type {string} */
+  export let summary;
+
+  $: classes = makeClassName([
+    "dusk-error-alert",
+    gap !== "default" ? `dusk-error-alert--${gap}-gap` : "",
+    className,
+  ]);
+</script>
+
+<div {...$$restProps} class={classes}>
+  <Icon className="dusk-error-alert__icon" path={mdiCloseThick} size="large" />
+  <ErrorDetails className="dusk-error-alert__error-details" {error} {summary} />
+</div>
diff --git a/src/lib/dusk/components/ErrorDetails/ErrorDetails.svelte b/src/lib/dusk/components/ErrorDetails/ErrorDetails.svelte
index 41a31434..c2f575c8 100644
--- a/src/lib/dusk/components/ErrorDetails/ErrorDetails.svelte
+++ b/src/lib/dusk/components/ErrorDetails/ErrorDetails.svelte
@@ -1,31 +1,31 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {Error | null} */
-	export let error;
+  /** @type {Error | null} */
+  export let error;
 
-	/** @type {String} */
-	export let summary;
+  /** @type {String} */
+  export let summary;
 
-	$: classes = makeClassName([
-		"dusk-error-details",
-		"dusk-error-details__details",
-		className
-	]);
+  $: classes = makeClassName([
+    "dusk-error-details",
+    "dusk-error-details__details",
+    className,
+  ]);
 </script>
 
 {#if error}
-	<details class={classes}>
-		<summary class="dusk-error-details__summary">
-			{summary}
-		</summary>
-		<pre class="dusk-error-details__error">
+  <details class={classes}>
+    <summary class="dusk-error-details__summary">
+      {summary}
+    </summary>
+    <pre class="dusk-error-details__error">
 			{error.message}
 		</pre>
-	</details>
+  </details>
 {/if}
diff --git a/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.css b/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.css
new file mode 100644
index 00000000..264a9f57
--- /dev/null
+++ b/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.css
@@ -0,0 +1,15 @@
+.dusk-exclusive-choice {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dusk-exclusive-choice__label {
+  flex: 1;
+}
+
+.dusk-exclusive-choice__radio {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
diff --git a/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.svelte b/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.svelte
new file mode 100644
index 00000000..a35b161d
--- /dev/null
+++ b/src/lib/dusk/components/ExclusiveChoice/ExclusiveChoice.svelte
@@ -0,0 +1,50 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { isType } from "lamb";
+
+  import { makeClassName, randomUUID } from "$lib/dusk/string";
+
+  import "./ExclusiveChoice.css";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {string | undefined} */
+  export let name = undefined;
+
+  /** @type {SelectOption[] | String[]} */
+  export let options;
+
+  /** @type {string} */
+  export let value;
+
+  /** @type {(v: any) => v is string} */
+  const isString = isType("String");
+
+  const baseId = randomUUID();
+
+  $: classes = makeClassName(["dusk-exclusive-choice", className]);
+</script>
+
+<div class={classes} role="radiogroup" {...$$restProps}>
+  {#each options as option (option)}
+    {@const isStringOption = isString(option)}
+    {@const optionValue = isStringOption ? option : option.value}
+    {@const id = `${baseId}-${optionValue}`}
+    <input
+      bind:group={value}
+      class="dusk-exclusive-choice__radio"
+      checked={optionValue === value}
+      disabled={isStringOption ? false : option.disabled}
+      {id}
+      name={name ?? baseId}
+      on:change
+      type="radio"
+      value={optionValue}
+    />
+    <label class="dusk-exclusive-choice__label" for={id}
+      >{isStringOption ? option : (option.label ?? optionValue)}</label
+    >
+  {/each}
+</div>
diff --git a/src/lib/dusk/components/Icon/CircularIcon.svelte b/src/lib/dusk/components/Icon/CircularIcon.svelte
deleted file mode 100644
index e5dce93c..00000000
--- a/src/lib/dusk/components/Icon/CircularIcon.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<svelte:options immutable={true}/>
-
-<script>
-	import { makeClassName } from "$lib/dusk/string";
-
-	import "./Icon.css";
-
-	/** @type {String|Undefined} */
-	export let className = undefined;
-
-	/** @type {String|Undefined} */
-	export let bgColor = undefined;
-
-	/** @type {String|Undefined} */
-	export let color = undefined;
-
-	$: commonAttributes = {
-		...$$restProps,
-		class: makeClassName(["dusk-icon--circular", className])
-	};
-</script>
-
-<div
-	style={`background-color: ${bgColor ? `${ bgColor}` : "var(--secondary-color)"};
-			 color: ${color ? `${ color}` : "var(--on-secondary-color)"}`}
-	{...commonAttributes}>
-	<slot/>
-</div>
diff --git a/src/lib/dusk/components/Icon/Icon.css b/src/lib/dusk/components/Icon/Icon.css
index 3f9228b3..1f2b3e54 100644
--- a/src/lib/dusk/components/Icon/Icon.css
+++ b/src/lib/dusk/components/Icon/Icon.css
@@ -1,10 +1,10 @@
 .dusk-icon {
-	display: inline-block;
-	fill: currentColor;
+  display: inline-block;
+  fill: currentColor;
 }
 
 .dusk-icon rect {
-	fill: transparent;
-	width: 100%;
-	height: 100%;
+  fill: transparent;
+  width: 100%;
+  height: 100%;
 }
diff --git a/src/lib/dusk/components/Icon/Icon.svelte b/src/lib/dusk/components/Icon/Icon.svelte
index fa338d72..55601a9f 100644
--- a/src/lib/dusk/components/Icon/Icon.svelte
+++ b/src/lib/dusk/components/Icon/Icon.svelte
@@ -1,42 +1,38 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	import "./Icon.css";
+  import "./Icon.css";
 
-	/** @type {String|Undefined} */
-	export let className = undefined;
+  /** @type {String|Undefined} */
+  export let className = undefined;
 
-	/** @type {IconSize} */
-	export let size = "normal";
+  /** @type {IconSize} */
+  export let size = "default";
 
-	/** @type {Boolean} */
-	export let isInStack = false;
+  /** @type {Boolean} */
+  export let isInStack = false;
 
-	/** @type {String} */
-	export let path;
+  /** @type {String} */
+  export let path;
 
-	/** @type {String} */
-	export let role = "graphics-symbol";
+  /** @type {String} */
+  export let role = "graphics-symbol";
 
-	$: commonAttributes = {
-		...$$restProps,
-		class: makeClassName(["dusk-icon", `dusk-icon--size--${size}`, className])
-	};
+  $: commonAttributes = {
+    ...$$restProps,
+    class: makeClassName(["dusk-icon", `dusk-icon--size--${size}`, className]),
+  };
 </script>
 
 {#if isInStack}
-	<g {...commonAttributes}>
-		<rect/>
-		<path d={path}/>
-	</g>
+  <g {...commonAttributes}>
+    <rect />
+    <path d={path} />
+  </g>
 {:else}
-	<svg
-		{...commonAttributes}
-		role={role}
-		viewBox="0 0 24 24"
-	>
-		<path d={path}/>
-	</svg>
+  <svg {...commonAttributes} {role} viewBox="0 0 24 24">
+    <path d={path} />
+  </svg>
 {/if}
diff --git a/src/lib/dusk/components/Mnemonic/Mnemonic.svelte b/src/lib/dusk/components/Mnemonic/Mnemonic.svelte
index bed83cd6..329fb3e3 100644
--- a/src/lib/dusk/components/Mnemonic/Mnemonic.svelte
+++ b/src/lib/dusk/components/Mnemonic/Mnemonic.svelte
@@ -1,156 +1,202 @@
 <script>
-	import { mdiAlertOutline, mdiContentPaste } from "@mdi/js";
-	import { wordlists } from "bip39";
-	import { Button, Textbox, Words } from "$lib/dusk/components";
-	import { makeClassName } from "$lib/dusk/string";
-	import { findFirstNMatches } from "$lib/dusk/array";
-	import { toast } from "$lib/dusk/components/Toast/store";
-
-	/** @type {MnemonicType} */
-	export let type;
-
-	/** @type {string|undefined} */
-	export let className = undefined;
-
-	/** @type {number} */
-	export let wordLimit = 12;
-
-	/** @type {string[]} */
-	export let mnemonicPhrase = [];
-
-	/** @type {string[]} */
-	export let enteredMnemonicPhrase = [];
-
-	/** @type {number} */
-	let currentIndex = 0;
-
-	/** @type {string} */
-	let currentInput = "";
-
-	/** @type {Textbox} */
-	let textboxElement;
-
-	const classes = makeClassName(["dusk-mnemonic", className]);
-	const enteredWordIndex = Array(wordLimit).fill("");
-	const enDictionary = wordlists.english;
-
-	if (enteredMnemonicPhrase.length === 0) {
-		enteredMnemonicPhrase = Array(wordLimit).fill("");
-	}
-
-	/**
-	 * @param {string} word
-	 * @param {string} index
-	 */
-	function updateEnteredPhrase (word, index) {
-		enteredMnemonicPhrase[currentIndex] = word;
-		enteredWordIndex[currentIndex] = index;
-		currentInput = "";
-		currentIndex++;
-
-		if (type === "authenticate") {
-			focusWordTextboxInput();
-		}
-	}
-
-	/**
-	 * Adds word to the entered phrase if only one suggestion is available
-	 * @param {{ key: string }} event
-	 * @param {string} index
-	 */
-	function handleKeyDownOnAuthenticateTextbox (event, index) {
-		if (event.key === "Enter" && suggestions.length === 1) {
-			updateEnteredPhrase(suggestions[0], index);
-		}
-	}
-
-	// @ts-ignore
-	function handleWordButtonClick (event, index) {
-		updateEnteredPhrase(event.currentTarget.dataset.value, index);
-	}
-
-	function focusWordTextboxInput () {
-		textboxElement?.focus();
-	}
-
-	$: suggestions = currentInput && findFirstNMatches(enDictionary, currentInput.toLowerCase(), 3);
-
-	const pasteSeed = () => {
-		navigator.clipboard.readText()
-			.then((data) => {
-				const sanitizedData = data.replace(/[^a-zA-Z\s]/g, "").toLowerCase();
-				const words = sanitizedData.trim().split(/\s+/);
-
-				if (words.length !== 12) {
-					throw Error("Mnemonic phrase is not valid");
-				}
-
-				currentIndex = 0;
-				words.forEach(word => {
-					updateEnteredPhrase(word, currentIndex.toString());
-				});
-			}).catch(err => {
-				if (err.name === "NotAllowedError") {
-					toast("error", "Clipboard access denied", mdiAlertOutline);
-				} else {
-					toast("error", err.message, mdiAlertOutline);
-				}
-			});
-	};
-
-	const shouldShowPaste =
-		"clipboard" in navigator && typeof navigator.clipboard.readText === "function";
-
+  import { mdiAlertOutline, mdiContentPaste, mdiRedoVariant } from "@mdi/js";
+  import { wordlist as enDictionary } from "@scure/bip39/wordlists/english.js";
+
+  import { Button, Textbox, Words } from "$lib/dusk/components";
+  import { makeClassName } from "$lib/dusk/string";
+  import { findFirstNMatches } from "$lib/dusk/array";
+  import { toast } from "$lib/dusk/components/Toast/store";
+
+  /** @type {MnemonicType} */
+  export let type;
+
+  /** @type {string|undefined} */
+  export let className = undefined;
+
+  /** @type {number} */
+  export let wordLimit = 12;
+
+  /** @type {string[]} */
+  export let mnemonicPhrase = [];
+
+  /** @type {string[]} */
+  export let enteredMnemonicPhrase = [];
+
+  /** @type {number} */
+  let currentIndex = 0;
+
+  /** @type {string} */
+  let currentInput = "";
+
+  /** @type {Textbox} */
+  let textboxElement;
+
+  const classes = makeClassName(["dusk-mnemonic", className]);
+  const enteredWordIndex = Array(wordLimit).fill("");
+
+  if (enteredMnemonicPhrase.length === 0) {
+    enteredMnemonicPhrase = Array(wordLimit).fill("");
+  }
+
+  const isTriggeredByLogin =
+    enteredMnemonicPhrase.some((word) => word !== "") && currentIndex === 0;
+
+  /**
+   * @param {string} word
+   * @param {string} index
+   */
+  function updateEnteredPhrase(word, index) {
+    enteredMnemonicPhrase[currentIndex] = word;
+    enteredWordIndex[currentIndex] = index;
+    currentInput = "";
+    currentIndex++;
+
+    if (type === "authenticate") {
+      focusWordTextboxInput();
+    }
+  }
+
+  /**
+   * Prevents non-alphabetical characters from being entered
+   * and auto-selects the first suggestion on Enter
+   * if there is only one word available
+   * @param {KeyboardEvent} event
+   * @param {string} index
+   */
+  function handleKeyDownOnAuthenticateTextbox(event, index) {
+    const isAlphabetical = /^[a-zA-Z]+$/;
+
+    if (!isAlphabetical.test(event.key)) {
+      event.preventDefault();
+      toast(
+        "error",
+        "Only alphabetical characters are allowed",
+        mdiAlertOutline
+      );
+      return;
+    }
+
+    if (event.key === "Enter" && suggestions[0] === currentInput) {
+      updateEnteredPhrase(suggestions[0], index);
+    }
+  }
+
+  // @ts-ignore
+  function handleWordButtonClick(event, index) {
+    updateEnteredPhrase(event.currentTarget.dataset.value, index);
+  }
+
+  function focusWordTextboxInput() {
+    textboxElement?.focus();
+  }
+
+  function undoLastWord() {
+    if (currentIndex === 0) {
+      return;
+    }
+
+    currentIndex--;
+    enteredMnemonicPhrase[currentIndex] = "";
+    enteredWordIndex[currentIndex] = "";
+  }
+
+  $: suggestions =
+    currentInput &&
+    findFirstNMatches(enDictionary, currentInput.toLowerCase(), 3);
+
+  const pasteMnemonic = () => {
+    navigator.clipboard
+      .readText()
+      .then((data) => {
+        const sanitizedData = data.replace(/[^a-zA-Z\s]/g, "").toLowerCase();
+        const words = sanitizedData.trim().split(/\s+/);
+
+        if (words.length !== 12) {
+          throw Error("Mnemonic phrase is not valid");
+        }
+
+        currentIndex = 0;
+        words.forEach((word) => {
+          updateEnteredPhrase(word, currentIndex.toString());
+        });
+      })
+      .catch((err) => {
+        if (err.name === "NotAllowedError") {
+          toast("error", "Clipboard access denied", mdiAlertOutline);
+        } else {
+          toast("error", err.message, mdiAlertOutline);
+        }
+      });
+  };
+
+  const shouldShowPaste =
+    "clipboard" in navigator &&
+    typeof navigator.clipboard.readText === "function";
 </script>
 
 <div {...$$restProps} class={classes}>
-
-	{#if type === "authenticate" && shouldShowPaste}
-		<div class="dusk-mnemonic__authenticate-paste-wrapper">
-			<Button
-				icon={{ path: mdiContentPaste }}
-				text="Paste seed phrase"
-				variant="tertiary"
-				on:click={pasteSeed}
-			/>
-		</div>
-	{/if}
-
-	<Words words={enteredMnemonicPhrase}/>
-
-	<div
-		class={type === "authenticate"
-			? "dusk-mnemonic__authenticate-actions-wrapper"
-			: "dusk-mnemonic__validate-actions-wrapper"}>
-		{#if type === "authenticate" && enteredWordIndex.includes("")}
-			<Textbox
-				placeholder={`Enter word ${currentIndex + 1}`}
-				bind:this={textboxElement}
-				on:keydown={(e) => handleKeyDownOnAuthenticateTextbox(e, currentIndex.toString())}
-				maxlength={8}
-				type="text"
-				bind:value={currentInput}/>
-			{#if suggestions.length}
-				<div class="dusk-mnemonic__suggestions-wrapper">
-					{#each suggestions as suggestion, index (`${suggestion}-${index}`)}
-						<Button
-							variant="tertiary"
-							text={suggestion}
-							data-value={suggestion}
-							on:click={handleWordButtonClick}/>
-					{/each}
-				</div>
-			{/if}
-		{:else}
-			{#each mnemonicPhrase as word, index (`${word}-${index}`)}
-				<Button
-					variant="tertiary"
-					text={word}
-					data-value={word}
-
-					disabled={enteredWordIndex.includes(index.toString())}
-					on:click={(e) => handleWordButtonClick(e, index.toString())}/>
-			{/each}
-		{/if}
-	</div>
+  {#if !isTriggeredByLogin}
+    <div class="dusk-mnemonic__actions-wrapper">
+      {#if type === "authenticate" && shouldShowPaste}
+        <Button
+          icon={{ path: mdiContentPaste }}
+          text="Paste mnemonic phrase"
+          variant="tertiary"
+          on:click={pasteMnemonic}
+        />
+      {/if}
+      <Button
+        disabled={!currentIndex}
+        on:click={undoLastWord}
+        icon={{ path: mdiRedoVariant }}
+        text="Undo"
+        variant="tertiary"
+      />
+    </div>
+  {/if}
+
+  <Words words={enteredMnemonicPhrase} />
+
+  {#if !isTriggeredByLogin}
+    <div
+      class={type === "authenticate"
+        ? "dusk-mnemonic__authenticate-actions-wrapper"
+        : "dusk-mnemonic__validate-actions-wrapper"}
+    >
+      {#if type === "authenticate" && enteredWordIndex.includes("")}
+        <Textbox
+          placeholder={`Enter word ${currentIndex + 1}`}
+          bind:this={textboxElement}
+          on:keydown={(e) =>
+            handleKeyDownOnAuthenticateTextbox(e, currentIndex.toString())}
+          maxlength={8}
+          type="text"
+          bind:value={currentInput}
+        />
+        {#if suggestions.length}
+          <div class="dusk-mnemonic__suggestions-wrapper">
+            {#each suggestions as suggestion, index (`${suggestion}-${index}`)}
+              <Button
+                variant="tertiary"
+                text={suggestion}
+                data-value={suggestion}
+                on:click={handleWordButtonClick}
+                tabindex="0"
+              />
+            {/each}
+          </div>
+        {/if}
+      {:else}
+        {#each mnemonicPhrase as word, index (`${word}-${index}`)}
+          <Button
+            variant="tertiary"
+            text={word}
+            data-value={word}
+            disabled={enteredWordIndex.includes(index.toString())}
+            on:click={(e) => handleWordButtonClick(e, index.toString())}
+          />
+        {/each}
+      {/if}
+    </div>
+  {/if}
 </div>
diff --git a/src/lib/dusk/components/ProgressBar/ProgressBar.svelte b/src/lib/dusk/components/ProgressBar/ProgressBar.svelte
index 8ed1366d..1ce6175e 100644
--- a/src/lib/dusk/components/ProgressBar/ProgressBar.svelte
+++ b/src/lib/dusk/components/ProgressBar/ProgressBar.svelte
@@ -1,16 +1,34 @@
+<svelte:options immutable={true} />
+
 <script>
+  import { tweened } from "svelte/motion";
+  import { expoOut } from "svelte/easing";
+  import { makeClassName } from "$lib/dusk/string";
+
+  /** @type {number|undefined} */
+  export let currentPercentage = undefined;
+
+  /** @type {string|undefined} */
+  export let className = undefined;
+
+  /** @type {number} */
+  export let motionDuration = 400;
+
+  $: classes = makeClassName(["dusk-progress-bar", className]);
+
+  const progress = tweened(0, {
+    duration: motionDuration,
+    easing: expoOut,
+  });
 
-	/** @type {number | undefined} */
-	export let currentPercentage = undefined;
+  $: currentPercentage !== undefined && progress.set(currentPercentage);
 </script>
 
-<div role="progressbar" class="dusk-progress-bar">
-	<div
-		style={currentPercentage !== undefined
-			? `width: ${currentPercentage}%`
-			: undefined}
-		class:dusk-progress-bar__filler--undetermined={currentPercentage
-			=== undefined}
-		class="dusk-progress-bar__filler"
-	/>
+<div role="progressbar" class={classes}>
+  <div
+    style={currentPercentage !== undefined ? `width: ${$progress}%` : undefined}
+    class:dusk-progress-bar__filler--undetermined={currentPercentage ===
+      undefined}
+    class="dusk-progress-bar__filler"
+  />
 </div>
diff --git a/src/lib/dusk/components/QrCode/QrCode.svelte b/src/lib/dusk/components/QrCode/QrCode.svelte
index 268175c3..d2968ac1 100644
--- a/src/lib/dusk/components/QrCode/QrCode.svelte
+++ b/src/lib/dusk/components/QrCode/QrCode.svelte
@@ -1,54 +1,68 @@
-<script>
-	import * as QRCode from "qrcode";
-	import { createEventDispatcher } from "svelte";
-	import { makeClassName } from "$lib/dusk/string";
+<svelte:options immutable={true} />
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+<script>
+  import * as QRCode from "qrcode";
+  import { createEventDispatcher } from "svelte";
 
-	/** @type {String} */
-	export let value = "";
+  import { makeClassName } from "$lib/dusk/string";
+  import { AppImage } from "$lib/components";
 
-	/** @type {Number} */
-	export let width = 200;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {String} */
-	export let qrColor = "#101";
+  /** @type {String} */
+  export let value = "";
 
-	/** @type {String} */
-	export let bgColor = "#fff";
+  /** @type {Number} */
+  export let width = 200;
 
-	const dispatch = createEventDispatcher();
+  /** @type {String} */
+  export let qrColor = "#101";
 
-	/** @type {Promise<String>} */
-	let dataUrlPromise;
+  /** @type {String} */
+  export let bgColor = "#fff";
 
-	$: if (width || qrColor || bgColor) {
-		dataUrlPromise = getDataUrl();
-	}
+  const dispatch = createEventDispatcher();
 
-	const getDataUrl = () =>
-		QRCode.toDataURL(value, {
-			color: {
-				dark: qrColor,
-				light: bgColor
-			},
-			width
-		}).catch((/** @type {String} */ error) => {
-			dispatch("error", error);
+  /**
+   * @param {string} text
+   * @param {{ bgColor: string, qrColor: string, width: number }} options
+   * @returns {Promise<string>}
+   */
+  const getDataUrl = (text, options) =>
+    QRCode.toDataURL(text, {
+      color: {
+        dark: options.qrColor,
+        light: options.bgColor,
+      },
+      width: options.width,
+    }).catch((/** @type {String} */ error) => {
+      dispatch("error", error);
 
-			return Promise.reject(error);
-		});
+      return Promise.reject(error);
+    });
 </script>
 
-{#await dataUrlPromise then url}
-	<img
-		{...$$restProps}
-		class={makeClassName(["dusk-qr-code", className])}
-		src={url}
-		alt="Key QR code"
-	/>
+{#await getDataUrl(value, { bgColor, qrColor, width })}
+  <div style:height={`${width}px`} style:width={`${width}px`} />
+{:then url}
+  <AppImage
+    {...$$restProps}
+    alt="Key QR code"
+    className={makeClassName(["dusk-qr-code", className])}
+    height={width}
+    src={url}
+    {width}
+  />
 {:catch error}
-	<p>Unable to get QR code</p>
-	<p>{error}</p>
+  <p>Unable to get QR code</p>
+  <p>{error}</p>
 {/await}
+
+<style lang="postcss">
+  :global {
+    .dusk-qr-code {
+      display: block;
+    }
+  }
+</style>
diff --git a/src/lib/dusk/components/Select/Options.svelte b/src/lib/dusk/components/Select/Options.svelte
index 5219082d..d069cefd 100644
--- a/src/lib/dusk/components/Select/Options.svelte
+++ b/src/lib/dusk/components/Select/Options.svelte
@@ -1,20 +1,20 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { isType } from "lamb";
+  import { isType } from "lamb";
 
-	/** @type {(v: any) => v is string} */
-	const isString = isType("String");
+  /** @type {(v: any) => v is string} */
+  const isString = isType("String");
 
-	/** @type SelectOption[] | string[] */
-	export let options;
+  /** @type SelectOption[] | string[] */
+  export let options;
 </script>
 
 {#each options as option (isString(option) ? option : option.value)}
-	<option
-		disabled={isString(option) ? false : option.disabled}
-		value={isString(option) ? option : option.value}
-	>
-		{isString(option) ? option : option.label ?? option.value}
-	</option>
+  <option
+    disabled={isString(option) ? false : option.disabled}
+    value={isString(option) ? option : option.value}
+  >
+    {isString(option) ? option : (option.label ?? option.value)}
+  </option>
 {/each}
diff --git a/src/lib/dusk/components/Select/Select.svelte b/src/lib/dusk/components/Select/Select.svelte
index ef1fad5c..bc9592a4 100644
--- a/src/lib/dusk/components/Select/Select.svelte
+++ b/src/lib/dusk/components/Select/Select.svelte
@@ -1,35 +1,35 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { ownPairs } from "lamb";
+  import { ownPairs } from "lamb";
 
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	import Options from "./Options.svelte";
+  import Options from "./Options.svelte";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {GroupedSelectOptions | SelectOption[] | String[]} */
-	export let options;
+  /** @type {GroupedSelectOptions | SelectOption[] | String[]} */
+  export let options;
 
-	/** @type {String | Undefined} */
-	export let value = undefined;
+  /** @type {String | Undefined} */
+  export let value = undefined;
 </script>
 
 <select
-	{...$$restProps}
-	bind:value
-	class={makeClassName(["dusk-select", className])}
-	on:change
+  {...$$restProps}
+  bind:value
+  class={makeClassName(["dusk-select", className])}
+  on:change
 >
-	{#if Array.isArray(options)}
-		<Options {options}/>
-	{:else}
-		{#each ownPairs(options) as [label, opts] (label)}
-			<optgroup {label}>
-				<Options options={opts}/>
-			</optgroup>
-		{/each}
-	{/if}
+  {#if Array.isArray(options)}
+    <Options {options} />
+  {:else}
+    {#each ownPairs(options) as [label, opts] (label)}
+      <optgroup {label}>
+        <Options options={opts} />
+      </optgroup>
+    {/each}
+  {/if}
 </select>
diff --git a/src/lib/dusk/components/Stepper/Stepper.svelte b/src/lib/dusk/components/Stepper/Stepper.svelte
index 1d8cb1cf..bb88add2 100644
--- a/src/lib/dusk/components/Stepper/Stepper.svelte
+++ b/src/lib/dusk/components/Stepper/Stepper.svelte
@@ -1,45 +1,113 @@
+<svelte:options immutable={true} />
+
 <script>
+  import { makeClassName, randomUUID } from "$lib/dusk/string";
+
+  import { Icon } from "..";
+
+  /**
+   * The current active step.
+   * The value starts from zero as it refers
+   * to the `steps` array elements.
+   * @type {number}
+   */
+  export let activeStep;
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /**
+   * Whether to show step numbers or not.
+   * @type {boolean}
+   */
+  export let showStepNumbers = true;
 
-	/**
-	 * The number of steps – should be greater or equal to two.
-	 * @type {number}
-	 */
-	export let steps;
-
-	/** @type {number} */
-	export let activeStep;
-
-	/**
-	 * Calculates the progress percentage based on the active step in a stepper.
-	 *
-	 * @constant
-	 * @type {string}
-	 * @example
-	 * // If there are 5 steps in total and the active step is 2
-	 * // progress will be "width: 50%;"
-	 *
-	 * @param {number} steps - Total number of steps in the stepper.
-	 * @param {number} activeStep - The current active step index (starting from 0).
-	 */
-	$: progress = `width: ${(100 / (steps - 1)) * activeStep}%;`;
+  /**
+   * Whether to show the step label when the step is inactive.
+   * @type {boolean}
+   */
+  export let showStepLabelWhenInactive = false;
+
+  /**
+   * The number of steps, greater or equal to two,
+   * if a number is passed.
+   * An array of `StepperStep` objects otherwise.
+   *
+   * @type {StepperStep[] | number}
+   */
+  export let steps;
+
+  /** @type {StepperVariant} */
+  export let variant = "primary";
+
+  $: classes = makeClassName([
+    "dusk-stepper",
+    `dusk-stepper--variant--${variant}`,
+    className,
+  ]);
+  $: stepsAmount = Array.isArray(steps) ? steps.length : steps;
+
+  /**
+   * The width of the bar connecting the steps, based on
+   * the active step and on the amount of steps.
+   * As the steps are in a grid and centered in the containing
+   * cell, the width doesn't represent the actual progress percentage.
+   *
+   * @type {string}
+   *
+   * @example
+   *
+   * With 2 steps, if the active step is 1 the width will be 80%.
+   * The remaining 20% is the blank space before and after the steps.
+   *
+   * If there are 5 steps in total and the active step is 2,
+   * the width will be 40%.
+   */
+  $: progressWidth = `${(100 * activeStep) / stepsAmount}%`;
 </script>
 
-<div class="dusk-stepper" role="tablist">
-	<div class="dusk-stepper__progress-bar">
-		<div class="dusk-stepper__progress-filler" style={progress}/>
-	</div>
-
-	{#if steps >= 2}
-		<div class="dusk-stepper__steps">
-			{#each Array(steps).keys() as currentStep (currentStep)}
-				<div
-					class="dusk-stepper__step"
-					class:dusk-stepper__step--processed={currentStep
-						<= activeStep}
-					aria-selected={currentStep === activeStep}
-					aria-disabled="true"
-				/>
-			{/each}
-		</div>
-	{/if}
-</div>
+{#if stepsAmount >= 2}
+  <div
+    class={classes}
+    style:--columns={stepsAmount}
+    style:--progress-width={progressWidth}
+    {...$$restProps}
+  >
+    {#if Array.isArray(steps)}
+      {#each steps as currentStep, idx (currentStep)}
+        {@const id = `step-${randomUUID()}`}
+        <span
+          class="dusk-stepper__step"
+          class:dusk-stepper__step--processed={idx <= activeStep}
+          aria-current={idx === activeStep ? "step" : undefined}
+          aria-labelledby={id}
+        >
+          {#if currentStep.iconPath}
+            <Icon path={currentStep.iconPath} />
+          {:else}
+            {showStepNumbers ? idx + 1 : ""}
+          {/if}
+        </span>
+
+        <span
+          class="dusk-stepper__step-label"
+          class:dusk-stepper__step-label--invisible={!showStepLabelWhenInactive &&
+            idx !== activeStep}
+          {id}
+        >
+          {currentStep.label}
+        </span>
+      {/each}
+    {:else}
+      {#each Array(steps).keys() as idx (idx)}
+        <span
+          class="dusk-stepper__step"
+          class:dusk-stepper__step--processed={idx <= activeStep}
+          aria-current={idx === activeStep ? "step" : undefined}
+        >
+          {showStepNumbers ? idx + 1 : ""}
+        </span>
+      {/each}
+    {/if}
+  </div>
+{/if}
diff --git a/src/lib/dusk/components/Suspense/Suspense.svelte b/src/lib/dusk/components/Suspense/Suspense.svelte
new file mode 100644
index 00000000..319f2672
--- /dev/null
+++ b/src/lib/dusk/components/Suspense/Suspense.svelte
@@ -0,0 +1,59 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { getErrorFrom } from "$lib/dusk/error";
+  import { makeClassName } from "$lib/dusk/string";
+
+  import { ErrorAlert, ErrorDetails, Throbber } from "..";
+
+  /** @type {string | undefined} */
+  export let className = undefined;
+
+  /** @type {string} */
+  export let errorMessage = "Error";
+
+  /** @type {SuspenseErrorVariant} */
+  export let errorVariant = "alert";
+
+  /** @type {GapSize} */
+  export let gap = "default";
+
+  /** @type {string} */
+  export let pendingMessage = "";
+
+  /** @type {Promise<any>} */
+  export let waitFor;
+
+  $: classes = makeClassName([
+    "dusk-suspense",
+    gap !== "default" ? `dusk-suspense--${gap}-gap` : "",
+    className,
+  ]);
+</script>
+
+<div {...$$restProps} class={classes}>
+  {#await waitFor}
+    <slot name="pending-content">
+      <Throbber className="dusk-suspense__throbber" />
+      <span class="dusk-suspense__pending-message">{pendingMessage}</span>
+    </slot>
+  {:then result}
+    <slot name="success-content" {result} />
+  {:catch thrownError}
+    {@const error = getErrorFrom(thrownError)}
+    {@const ErrorComponent =
+      errorVariant === "alert" ? ErrorAlert : ErrorDetails}
+    {@const extraProps = errorVariant === "alert" ? { gap } : {}}
+    <slot name="error-content" {error}>
+      <svelte:component
+        this={ErrorComponent}
+        className="dusk-suspense__error"
+        {error}
+        summary={errorMessage}
+        {...extraProps}
+      />
+      <slot name="error-extra-content" {error} />
+    </slot>
+    <slot name="error-actions" />
+  {/await}
+</div>
diff --git a/src/lib/dusk/components/Switch/Switch.svelte b/src/lib/dusk/components/Switch/Switch.svelte
index a2534b7a..5c213bfa 100644
--- a/src/lib/dusk/components/Switch/Switch.svelte
+++ b/src/lib/dusk/components/Switch/Switch.svelte
@@ -1,55 +1,55 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { createEventDispatcher	} from "svelte";
+  import { createEventDispatcher } from "svelte";
 
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {Boolean} */
-	export let disabled = false;
+  /** @type {Boolean} */
+  export let disabled = false;
 
-	/** @type {Number} */
-	export let tabindex = 0;
+  /** @type {Number} */
+  export let tabindex = 0;
 
-	export let onSurface = false;
+  export let onSurface = false;
 
-	/** @type {Boolean} */
-	export let value = false;
+  /** @type {Boolean} */
+  export let value = false;
 
-	const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher();
 
-	/** @type {import("svelte/elements").MouseEventHandler<HTMLDivElement>} */
-	function handleClick () {
-		if (!disabled) {
-			toggleSwitch();
-		}
-	}
+  /** @type {import("svelte/elements").MouseEventHandler<HTMLDivElement>} */
+  function handleClick() {
+    if (!disabled) {
+      toggleSwitch();
+    }
+  }
 
-	/** @type {import("svelte/elements").KeyboardEventHandler<HTMLDivElement>} */
-	function handleKeyDown (event) {
-		if (!disabled && event.key === " ") {
-			toggleSwitch();
-		}
-	}
+  /** @type {import("svelte/elements").KeyboardEventHandler<HTMLDivElement>} */
+  function handleKeyDown(event) {
+    if (!disabled && event.key === " ") {
+      toggleSwitch();
+    }
+  }
 
-	function toggleSwitch () {
-		value = !value;
+  function toggleSwitch() {
+    value = !value;
 
-		dispatch("change", value);
-	}
+    dispatch("change", value);
+  }
 </script>
 
 <div
-	{...$$restProps}
-	aria-checked={value}
-	aria-disabled={disabled}
-	class={makeClassName(["dusk-switch", className])}
-	class:dusk-switch--on-surface={onSurface}
-	on:click={handleClick}
-	on:keydown|preventDefault={handleKeyDown}
-	role="switch"
-	tabindex={disabled ? -1 : tabindex}
+  {...$$restProps}
+  aria-checked={value}
+  aria-disabled={disabled}
+  class={makeClassName(["dusk-switch", className])}
+  class:dusk-switch--on-surface={onSurface}
+  on:click={handleClick}
+  on:keydown|preventDefault={handleKeyDown}
+  role="switch"
+  tabindex={disabled ? -1 : tabindex}
 />
diff --git a/src/lib/dusk/components/Tabs/Tabs.css b/src/lib/dusk/components/Tabs/Tabs.css
index aa87e995..96b797ce 100644
--- a/src/lib/dusk/components/Tabs/Tabs.css
+++ b/src/lib/dusk/components/Tabs/Tabs.css
@@ -1,40 +1,48 @@
 .dusk-tabs {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	gap: .25em;
-	max-width: 100%;
-	overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25em;
+  max-width: 100%;
+  overflow: hidden;
 }
 
 .dusk-button.dusk-icon-button.dusk-tab-scroll-button[hidden="true"] {
-	display: none;
+  display: none;
 }
 
 .dusk-tabs-list {
-	display: flex;
-	list-style-type: none;
-	user-select: none;
-	cursor: default;
-	white-space: nowrap;
-	overflow: hidden;
-	width: 100%;
+  display: flex;
+  list-style-type: none;
+  user-select: none;
+  cursor: default;
+  white-space: nowrap;
+  overflow-x: scroll;
+  width: 100%;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  overscroll-behavior: contain;
+}
+
+.dusk-tabs-list::-webkit-scrollbar {
+  display: none;
 }
 
 .dusk-tab-item {
-	flex: 50%;
-	position: relative;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	line-height: 1;
+  flex: 50%;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
 }
 
 .dusk-tab-item > .dusk-tab-label {
-	display: none;
+  display: none;
 }
 
-.dusk-tab-item__selected > .dusk-tab-label, .dusk-tab-item > span:only-child {
-	display: block;
+.dusk-tab-item__selected > .dusk-tab-label,
+.dusk-tab-item > span:only-child {
+  display: block;
 }
diff --git a/src/lib/dusk/components/Tabs/Tabs.svelte b/src/lib/dusk/components/Tabs/Tabs.svelte
index 4073a321..b77e758b 100644
--- a/src/lib/dusk/components/Tabs/Tabs.svelte
+++ b/src/lib/dusk/components/Tabs/Tabs.svelte
@@ -1,252 +1,224 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { mdiChevronLeft, mdiChevronRight } from "@mdi/js";
-	import { createEventDispatcher, onMount	} from "svelte";
-	import { writable } from "svelte/store";
-	import { isGTE, isLTE } from "lamb";
-
-	import { Button, Icon } from "$lib/dusk/components";
-	import { lerp } from "$lib/dusk/math";
-	import { makeClassName } from "$lib/dusk/string";
-
-	import "./Tabs.css";
-
-	/** @type {String | Undefined} */
-	export let className = undefined;
-
-	/** @type {TabItem[]} */
-	export let items;
-
-	/** @type {String | Undefined} */
-	export let selectedTab = undefined;
-
-	/** @type {HTMLUListElement} */
-	let tabsList;
-
-	/** @type {Number} */
-	let rafID = 0;
-
-	let scrollLeftStart = 0;
-	let touchStartX = 0;
-
-	const dispatch = createEventDispatcher();
-
-	const scrollStatus = writable({
-		canScroll: false,
-		canScrollLeft: false,
-		canScrollRight: false
-	});
-
-	/** @type {ScrollIntoViewOptions} */
-	const smoothScrollOptions = {
-		behavior: "smooth",
-		block: "nearest",
-		inline: "nearest"
-	};
-
-	/** @param {"left" | "right"} side */
-	function isTabSideVisible (side) {
-		const tabsListRect = tabsList.getBoundingClientRect();
-		const tolerance = 5;
-		const checkSide = side === "left"
-			? isGTE(tabsListRect.left - tolerance)
-			: isLTE(tabsListRect.right + tolerance);
-
-		/** @param {HTMLLIElement} tab */
-		return tab => checkSide(tab.getBoundingClientRect()[side]);
-	}
-
-	/** @type {import("svelte/elements").TouchEventHandler<HTMLUListElement>} */
-	function handleTouchMove (event) {
-		const scrollX = tabsList.scrollLeft;
-		const deltaX = event.targetTouches[0].clientX - touchStartX;
-		const amount = lerp(deltaX, scrollX - scrollLeftStart, .4);
-
-		tabsList.scrollBy(-amount, 0);
-	}
-
-	/** @type {import("svelte/elements").TouchEventHandler<HTMLUListElement>} */
-	function handleTouchStart (event) {
-		scrollLeftStart = tabsList.scrollLeft;
-		touchStartX = event.targetTouches[0].clientX;
-	}
-
-	/** @type {import("svelte/elements").WheelEventHandler<HTMLUListElement>} */
-	function handleWheel (event) {
-		tabsList.scrollBy(event.deltaX, 0);
-	}
-
-	// @ts-ignore
-	function handleScrollButtonClick (event) {
-		/** @type {NodeListOf<HTMLLIElement>} */
-		const tabs = tabsList.querySelectorAll("[role='tab']");
-		const step = event
-			.currentTarget
-			.matches(".dusk-tab-scroll-button:first-of-type") ? -1 : 1;
-		const isTabFullyVisible = isTabSideVisible(step === 1 ? "right" : "left");
-
-		let loops = tabs.length;
-		let idx = step === 1 ? 0 : loops - 1;
-
-		for (; loops--; idx += step) {
-			if (!isTabFullyVisible(tabs[idx])) {
-				tabs[idx].scrollIntoView(smoothScrollOptions);
-				break;
-			}
-		}
-	}
-
-	// @ts-ignore
-	function handleScrollButtonMouseDown (event) {
-		if (event.buttons === 1) {
-			const amount = event
-				.currentTarget
-				.matches(".dusk-tab-scroll-button:first-of-type") ? -5 : 5;
-
-			keepScrollingTabsBy(amount);
-		}
-	}
-
-	function handleScrollButtonMouseUp () {
-		cancelAnimationFrame(rafID);
-	}
-
-	/** @type {import("svelte/elements").UIEventHandler<HTMLLIElement>} */
-	function handleTabClick (event) {
-		const clickedID = event.currentTarget.dataset.tabid;
-
-		if (selectedTab !== clickedID) {
-			selectedTab = clickedID;
-			dispatch("change", clickedID);
-		}
-	}
-
-	/** @type {import("svelte/elements").UIEventHandler<HTMLLIElement>} */
-	function handleTabFocusin (event) {
-		event.currentTarget.scrollIntoView(smoothScrollOptions);
-	}
-
-	/** @type {import("svelte/elements").KeyboardEventHandler<HTMLLIElement>} */
-	function handleTabKeyDown (event) {
-		if (event.key === "Enter" || event.key === " ") {
-			event.preventDefault();
-
-			handleTabClick(event);
-		}
-	}
-
-	/** @param {Number} amount */
-	function keepScrollingTabsBy (amount) {
-		const { canScrollLeft, canScrollRight } = $scrollStatus;
-
-		tabsList.scrollBy(amount, 0);
-
-		if (canScrollLeft && amount < 0 || canScrollRight && amount > 0) {
-			rafID = requestAnimationFrame(() => keepScrollingTabsBy(amount));
-		}
-	}
-
-	function updateScrollStatus () {
-		const {
-			clientWidth = 0,
-			scrollLeft = 0,
-			scrollWidth = 0
-		} = tabsList;
-
-		const canScroll = scrollWidth > clientWidth;
-		const maxScroll = scrollWidth - clientWidth;
-
-		scrollStatus.set({
-			canScroll,
-			canScrollLeft: canScroll && scrollLeft > 0,
-			canScrollRight: canScroll && scrollLeft < maxScroll
-		});
-	}
-
-	onMount(() => {
-		const resizeObserver = new ResizeObserver(() => {
-			const tab = tabsList.querySelector(`[data-tabid="${selectedTab}"]`);
-
-			tab && tab.scrollIntoView({
-				behavior: "instant",
-				block: "nearest",
-				inline: "nearest"
-			});
-
-			updateScrollStatus();
-		});
-
-		tabsList.scrollTo(0, 0);
-		resizeObserver.observe(tabsList);
-
-		return () => resizeObserver.disconnect();
-	});
-
-	$: ({ canScroll, canScrollLeft, canScrollRight } = $scrollStatus);
+  import { mdiChevronLeft, mdiChevronRight } from "@mdi/js";
+  import { createEventDispatcher, onMount } from "svelte";
+  import { writable } from "svelte/store";
+  import { isGTE, isLTE } from "lamb";
+
+  import { Button, Icon } from "$lib/dusk/components";
+  import { makeClassName } from "$lib/dusk/string";
+
+  import "./Tabs.css";
+
+  /** @type {String | Undefined} */
+  export let className = undefined;
+
+  /** @type {TabItem[]} */
+  export let items;
+
+  /** @type {String | Undefined} */
+  export let selectedTab = undefined;
+
+  /** @type {HTMLUListElement} */
+  let tabsList;
+
+  /** @type {Number} */
+  let rafID = 0;
+
+  const dispatch = createEventDispatcher();
+
+  const scrollStatus = writable({
+    canScroll: false,
+    canScrollLeft: false,
+    canScrollRight: false,
+  });
+
+  /** @type {ScrollIntoViewOptions} */
+  const smoothScrollOptions = {
+    behavior: "smooth",
+    block: "nearest",
+    inline: "nearest",
+  };
+
+  /** @param {"left" | "right"} side */
+  function isTabSideVisible(side) {
+    const tabsListRect = tabsList.getBoundingClientRect();
+    const tolerance = 5;
+    const checkSide =
+      side === "left"
+        ? isGTE(tabsListRect.left - tolerance)
+        : isLTE(tabsListRect.right + tolerance);
+
+    /** @param {HTMLLIElement} tab */
+    return (tab) => checkSide(tab.getBoundingClientRect()[side]);
+  }
+
+  // @ts-ignore
+  function handleScrollButtonClick(event) {
+    /** @type {NodeListOf<HTMLLIElement>} */
+    const tabs = tabsList.querySelectorAll("[role='tab']");
+    const step = event.currentTarget.matches(
+      ".dusk-tab-scroll-button:first-of-type"
+    )
+      ? -1
+      : 1;
+    const isTabFullyVisible = isTabSideVisible(step === 1 ? "right" : "left");
+
+    let loops = tabs.length;
+    let idx = step === 1 ? 0 : loops - 1;
+
+    for (; loops--; idx += step) {
+      if (!isTabFullyVisible(tabs[idx])) {
+        tabs[idx].scrollIntoView(smoothScrollOptions);
+        break;
+      }
+    }
+  }
+
+  // @ts-ignore
+  function handleScrollButtonMouseDown(event) {
+    if (event.buttons === 1) {
+      const amount = event.currentTarget.matches(
+        ".dusk-tab-scroll-button:first-of-type"
+      )
+        ? -5
+        : 5;
+
+      keepScrollingTabsBy(amount);
+    }
+  }
+
+  function handleScrollButtonMouseUp() {
+    cancelAnimationFrame(rafID);
+  }
+
+  /** @type {import("svelte/elements").UIEventHandler<HTMLLIElement>} */
+  function handleTabClick(event) {
+    const clickedID = event.currentTarget.dataset.tabid;
+
+    if (selectedTab !== clickedID) {
+      selectedTab = clickedID;
+      dispatch("change", clickedID);
+    }
+  }
+
+  /** @type {import("svelte/elements").UIEventHandler<HTMLLIElement>} */
+  function handleTabFocusin(event) {
+    event.currentTarget.scrollIntoView(smoothScrollOptions);
+  }
+
+  /** @type {import("svelte/elements").KeyboardEventHandler<HTMLLIElement>} */
+  function handleTabKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+
+      handleTabClick(event);
+    }
+  }
+
+  /** @param {Number} amount */
+  function keepScrollingTabsBy(amount) {
+    const { canScrollLeft, canScrollRight } = $scrollStatus;
+
+    tabsList.scrollBy(amount, 0);
+
+    if ((canScrollLeft && amount < 0) || (canScrollRight && amount > 0)) {
+      rafID = requestAnimationFrame(() => keepScrollingTabsBy(amount));
+    }
+  }
+
+  function updateScrollStatus() {
+    const { clientWidth = 0, scrollLeft = 0, scrollWidth = 0 } = tabsList;
+
+    const canScroll = scrollWidth > clientWidth;
+    const maxScroll = scrollWidth - clientWidth;
+
+    scrollStatus.set({
+      canScroll,
+      canScrollLeft: canScroll && scrollLeft > 0,
+      canScrollRight: canScroll && scrollLeft < maxScroll,
+    });
+  }
+
+  onMount(() => {
+    const resizeObserver = new ResizeObserver(() => {
+      const tab = tabsList.querySelector(`[data-tabid="${selectedTab}"]`);
+
+      tab &&
+        tab.scrollIntoView({
+          behavior: "instant",
+          block: "nearest",
+          inline: "nearest",
+        });
+
+      updateScrollStatus();
+    });
+
+    tabsList.scrollTo(0, 0);
+    resizeObserver.observe(tabsList);
+
+    return () => resizeObserver.disconnect();
+  });
+
+  $: ({ canScroll, canScrollLeft, canScrollRight } = $scrollStatus);
 </script>
 
-<div
-	{...$$restProps}
-	class={makeClassName(["dusk-tabs", className])}
->
-	<Button
-		className="dusk-tab-scroll-button"
-		disabled={!canScrollLeft}
-		hidden={!canScroll}
-		icon={{ path: mdiChevronLeft }}
-		on:click={handleScrollButtonClick}
-		on:mousedown={handleScrollButtonMouseDown}
-		on:mouseup={handleScrollButtonMouseUp}
-		tabindex="-1"
-		variant="quaternary"
-	/>
-	<ul
-		bind:this={tabsList}
-		class="dusk-tabs-list"
-		on:scroll={updateScrollStatus}
-		on:touchmove|preventDefault={handleTouchMove}
-		on:touchstart={handleTouchStart}
-		on:wheel|preventDefault={handleWheel}
-		role="tablist"
-	>
-		{#each items as item (item.id)}
-			{@const { icon, id, label } = item}
-			<li
-				aria-selected={id === selectedTab}
-				class={`dusk-tab-item${id === selectedTab ? " dusk-tab-item__selected" : ""}`}
-				data-tabid={id}
-				on:click={handleTabClick}
-				on:focusin={handleTabFocusin}
-				on:keydown={handleTabKeyDown}
-				role="tab"
-				tabindex="0"
-			>
-				{#if icon?.position === "after"}
-					{#if label}
-						<span class="dusk-tab-label">{label}</span>
-					{/if}
-					<Icon path={icon.path}/>
-				{:else if icon}
-					<Icon path={icon.path}/>
-					{#if label}
-						<span class="dusk-tab-label">{label}</span>
-					{/if}
-				{:else}
-					<span class="dusk-tab-label">{label ?? id}</span>
-				{/if}
-			</li>
-		{/each}
-	</ul>
-	<Button
-		className="dusk-tab-scroll-button"
-		disabled={!canScrollRight}
-		hidden={!canScroll}
-		icon={{ path: mdiChevronRight }}
-		on:click={handleScrollButtonClick}
-		on:mousedown={handleScrollButtonMouseDown}
-		on:mouseup={handleScrollButtonMouseUp}
-		tabindex="-1"
-		variant="quaternary"
-	/>
+<div {...$$restProps} class={makeClassName(["dusk-tabs", className])}>
+  <Button
+    className="dusk-tab-scroll-button"
+    disabled={!canScrollLeft}
+    hidden={!canScroll}
+    icon={{ path: mdiChevronLeft }}
+    on:click={handleScrollButtonClick}
+    on:mousedown={handleScrollButtonMouseDown}
+    on:mouseup={handleScrollButtonMouseUp}
+    tabindex="-1"
+    variant="tertiary"
+  />
+  <ul
+    bind:this={tabsList}
+    class="dusk-tabs-list"
+    on:scroll={updateScrollStatus}
+    role="tablist"
+  >
+    {#each items as item (item.id)}
+      {@const { icon, id, label } = item}
+      <li
+        aria-selected={id === selectedTab}
+        class={`dusk-tab-item${id === selectedTab ? " dusk-tab-item__selected" : ""}`}
+        data-tabid={id}
+        on:click={handleTabClick}
+        on:focusin={handleTabFocusin}
+        on:keydown={handleTabKeyDown}
+        role="tab"
+        tabindex="0"
+      >
+        {#if icon?.position === "after"}
+          {#if label}
+            <span class="dusk-tab-label">{label}</span>
+          {/if}
+          <Icon path={icon.path} />
+        {:else if icon}
+          <Icon path={icon.path} />
+          {#if label}
+            <span class="dusk-tab-label">{label}</span>
+          {/if}
+        {:else}
+          <span class="dusk-tab-label">{label ?? id}</span>
+        {/if}
+      </li>
+    {/each}
+  </ul>
+  <Button
+    className="dusk-tab-scroll-button"
+    disabled={!canScrollRight}
+    hidden={!canScroll}
+    icon={{ path: mdiChevronRight }}
+    on:click={handleScrollButtonClick}
+    on:mousedown={handleScrollButtonMouseDown}
+    on:mouseup={handleScrollButtonMouseUp}
+    tabindex="-1"
+    variant="tertiary"
+  />
 </div>
diff --git a/src/lib/dusk/components/Textbox/Textbox.svelte b/src/lib/dusk/components/Textbox/Textbox.svelte
index c89da730..74ad1bbe 100644
--- a/src/lib/dusk/components/Textbox/Textbox.svelte
+++ b/src/lib/dusk/components/Textbox/Textbox.svelte
@@ -1,66 +1,67 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {TextboxTypes} */
-	export let type = "text";
+  /** @type {TextboxTypes} */
+  export let type = "text";
 
-	/** @type {String | Number} */
-	export let value = type === "number" ? 0 : "";
+  /** @type {String | Number} */
+  export let value = type === "number" ? 0 : "";
 
-	/**
-	 * @type {HTMLInputElement | HTMLTextAreaElement}
-	 */
-	let inputElement;
+  /**
+   * @type {HTMLInputElement | HTMLTextAreaElement}
+   */
+  let inputElement;
 
-	export function focus () {
-		inputElement?.focus();
-	}
+  export function focus() {
+    inputElement?.focus();
+  }
 
-	export function select () {
-		inputElement?.select();
-	}
+  export function select() {
+    inputElement?.select();
+  }
 
-	const classes = makeClassName([
-		"dusk-textbox",
-		`dusk-textbox-${type}`,
-		className
-	]);
+  $: classes = makeClassName([
+    "dusk-textbox",
+    `dusk-textbox-${type}`,
+    className,
+  ]);
 
-	/**
-	 * Needed, as the value cannot be bound to the input element
-	 * when the type is set dynamically
-	 * @param {Event & {currentTarget: EventTarget & HTMLInputElement}} event
-	 */
-	function handleInput (event) {
-		const target = event.currentTarget;
+  /**
+   * Needed, as the value cannot be bound to the input element
+   * when the type is set dynamically
+   * @param {Event & {currentTarget: EventTarget & HTMLInputElement}} event
+   */
+  function handleInput(event) {
+    const target = event.currentTarget;
 
-		value = target.type === "number" ? target.valueAsNumber : target.value;
-	}
+    value = target.type === "number" ? target.valueAsNumber : target.value;
+  }
 </script>
 
 {#if type === "multiline"}
-	<textarea
-		{...$$restProps}
-		class={classes}
-		bind:this={inputElement}
-		bind:value
-		on:input/>
+  <textarea
+    {...$$restProps}
+    class={classes}
+    bind:this={inputElement}
+    bind:value
+    on:input
+  />
 {:else}
-	<input
-		{...$$restProps}
-		class={classes}
-		{type}
-		{value}
-		bind:this={inputElement}
-		on:blur
-		on:input={handleInput}
-		on:input
-		on:keydown
-		on:paste
-	/>
+  <input
+    {...$$restProps}
+    class={classes}
+    {type}
+    {value}
+    bind:this={inputElement}
+    on:blur
+    on:input={handleInput}
+    on:input
+    on:keydown
+    on:paste
+  />
 {/if}
diff --git a/src/lib/dusk/components/Throbber/Throbber.svelte b/src/lib/dusk/components/Throbber/Throbber.svelte
index ea024bd8..d5fdc95a 100644
--- a/src/lib/dusk/components/Throbber/Throbber.svelte
+++ b/src/lib/dusk/components/Throbber/Throbber.svelte
@@ -1,52 +1,52 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/**
+  /**
    * The animation duration in milliseconds.
    * @type {Number}
    */
-	export let duration = 1800;
+  export let duration = 1800;
 
-	/**
+  /**
    * The throbber's size in pixels.
    * @type {Number}
    */
-	export let size = 64;
+  export let size = 64;
 
-	const path = [
-		"M75.4 126.63",
-		"a11.43 11.43 0 0 1-2.1-22.65 ",
-		"40.9 40.9 0 0 0 30.5-30.6 ",
-		"11.4 11.4 0 1 1 22.27 4.87",
-		"h.02",
-		"a63.77 63.77 0 0 1-47.8 48.05",
-		"v-.02",
-		"a11.38 11.38 0 0 1-2.93.37",
-		"z"
-	].join("");
+  const path = [
+    "M75.4 126.63",
+    "a11.43 11.43 0 0 1-2.1-22.65 ",
+    "40.9 40.9 0 0 0 30.5-30.6 ",
+    "11.4 11.4 0 1 1 22.27 4.87",
+    "h.02",
+    "a63.77 63.77 0 0 1-47.8 48.05",
+    "v-.02",
+    "a11.38 11.38 0 0 1-2.93.37",
+    "z",
+  ].join("");
 </script>
 
 <svg
-	class={makeClassName(["dusk-throbber", className])}
-	height={`${size}px`}
-	role="progressbar"
-	viewBox="0 0 128 128"
-	width={`${size}px`}
+  class={makeClassName(["dusk-throbber", className])}
+  height={`${size}px`}
+  role="progressbar"
+  viewBox="0 0 128 128"
+  width={`${size}px`}
 >
-	<g>
-		<path d={path}/>
-		<animateTransform
-			attributeName="transform"
-			dur={`${duration}ms`}
-			from="0 64 64"
-			repeatCount="indefinite"
-			to="360 64 64"
-			type="rotate"
-		/>
-	</g>
+  <g>
+    <path d={path} />
+    <animateTransform
+      attributeName="transform"
+      dur={`${duration}ms`}
+      from="0 64 64"
+      repeatCount="indefinite"
+      to="360 64 64"
+      type="rotate"
+    />
+  </g>
 </svg>
diff --git a/src/lib/dusk/components/Toast/Toast.svelte b/src/lib/dusk/components/Toast/Toast.svelte
index eb2c4c2f..c81e3946 100644
--- a/src/lib/dusk/components/Toast/Toast.svelte
+++ b/src/lib/dusk/components/Toast/Toast.svelte
@@ -1,58 +1,45 @@
 <script>
-	/* eslint-disable-next-line import/no-unresolved */
-	import { flip } from "svelte/animate";
-	import { fly } from "svelte/transition";
-	import Icon from "../Icon/Icon.svelte";
-	import { makeClassName } from "$lib/dusk/string";
-	import { toastList, toastTimer } from "./store";
-	import { onMount } from "svelte";
+  import { flip } from "svelte/animate";
+  import { fly } from "svelte/transition";
+  import Icon from "../Icon/Icon.svelte";
+  import { makeClassName } from "$lib/dusk/string";
+  import { toastList, toastTimer } from "./store";
+  import { onMount } from "svelte";
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	/** @type {Number} */
-	export let timer = 2000;
+  /** @type {Number} */
+  export let timer = 2000;
 
-	/** @type {Number} */
-	export let flyDuration = 500;
+  /** @type {Number} */
+  export let flyDuration = 500;
 
-	const classes = makeClassName([
-		"dusk-toast",
-		className
-	]);
+  const classes = makeClassName(["dusk-toast", className]);
 
-	onMount(() => {
-		$toastTimer = timer;
-	});
+  onMount(() => {
+    $toastTimer = timer;
+  });
 </script>
 
-<ul
-	{...$$restProps}
-	class={classes}
->
-	{#each $toastList as {
-		id, icon, message, type
-	} (id)}
-		<li
-			in:fly|global={{ duration: flyDuration, x: 200 }}
-			out:fly|global={{ duration: flyDuration, x: 200 }}
-			animate:flip={{ duration: 200 }}
-			class="dusk-toast__item"
-		>
-			{#if icon}
-				<span class={`dusk-toast__item-icon-wrapper dusk-toast__item-icon-wrapper--${type}`}
-				>
-					<Icon
-						className="dusk-toast__item-icon"
-						path={icon}
-						size="normal"
-					/>
-				</span>
-			{/if}
-			<span class="dusk-toast__item-message">
-				{message}
-			</span>
-
-		</li>
-	{/each}
+<ul {...$$restProps} class={classes}>
+  {#each $toastList as { id, icon, message, type } (id)}
+    <li
+      in:fly|global={{ duration: flyDuration, x: 200 }}
+      out:fly|global={{ duration: flyDuration, x: 200 }}
+      animate:flip={{ duration: 200 }}
+      class="dusk-toast__item"
+    >
+      {#if icon}
+        <span
+          class={`dusk-toast__item-icon-wrapper dusk-toast__item-icon-wrapper--${type}`}
+        >
+          <Icon className="dusk-toast__item-icon" path={icon} size="default" />
+        </span>
+      {/if}
+      <span class="dusk-toast__item-message">
+        {message}
+      </span>
+    </li>
+  {/each}
 </ul>
diff --git a/src/lib/dusk/components/Toast/store.js b/src/lib/dusk/components/Toast/store.js
index 8a9b73e7..2da4a342 100644
--- a/src/lib/dusk/components/Toast/store.js
+++ b/src/lib/dusk/components/Toast/store.js
@@ -13,36 +13,42 @@ export const toastList = writable([]);
 export const toastTimer = writable(0);
 
 /**
-     * @param {string} message
-     * @param {string} icon
-     * @param {TooltipType} type
-     */
-
-function addToast (type, message, icon) {
-	const id = `dusk-toast-${ Math.random().toString(36)}`;
-
-	toastList.update(store => {
-		return [...store, {
-			icon: icon, id: id, message: message, type: type
-		}];
-	});
-
-	const timeoutID = setTimeout(() => {
-		deleteToast(id, timeoutID);
-	}, get(toastTimer));
+ * @param {string} message
+ * @param {string} icon
+ * @param {TooltipType} type
+ */
+
+function addToast(type, message, icon) {
+  const id = `dusk-toast-${Math.random().toString(36)}`;
+
+  toastList.update((store) => {
+    return [
+      ...store,
+      {
+        icon: icon,
+        id: id,
+        message: message,
+        type: type,
+      },
+    ];
+  });
+
+  const timeoutID = window.setTimeout(() => {
+    deleteToast(id, timeoutID);
+  }, get(toastTimer));
 }
 
 /**
  * @param {string} id
- * @param {NodeJS.Timeout} timeout
+ * @param {number} timeout
  */
-function deleteToast (id, timeout) {
-	clearTimeout(timeout);
+function deleteToast(id, timeout) {
+  window.clearTimeout(timeout);
 
-	// Deletes toast from store queue
-	toastList.update(store => {
-		return store.filter(toast => toast.id !== id);
-	});
+  // Deletes toast from store queue
+  toastList.update((store) => {
+    return store.filter((toast) => toast.id !== id);
+  });
 }
 
 export const toast = addToast;
diff --git a/src/lib/dusk/components/Tooltip/Tooltip.css b/src/lib/dusk/components/Tooltip/Tooltip.css
index c39799c6..7997a17f 100644
--- a/src/lib/dusk/components/Tooltip/Tooltip.css
+++ b/src/lib/dusk/components/Tooltip/Tooltip.css
@@ -1,12 +1,12 @@
 .dusk-tooltip {
-	position: fixed;
-	display: inline-block;
-	width: max-content;
-	max-width: 40%;
-	white-space: break-spaces;
-	z-index: 1;
+  position: fixed;
+  display: inline-block;
+  width: max-content;
+  max-width: 40%;
+  white-space: break-spaces;
+  z-index: 1;
 }
 
 .dusk-tooltip[aria-hidden="true"] {
-	visibility: hidden;
+  visibility: hidden;
 }
diff --git a/src/lib/dusk/components/Tooltip/Tooltip.svelte b/src/lib/dusk/components/Tooltip/Tooltip.svelte
index 10c6609e..af894660 100644
--- a/src/lib/dusk/components/Tooltip/Tooltip.svelte
+++ b/src/lib/dusk/components/Tooltip/Tooltip.svelte
@@ -1,234 +1,236 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { onDestroy } from "svelte";
-	import { writable } from "svelte/store";
-	import {
-		computePosition,
-		flip,
-		inline,
-		offset as setOffset,
-		shift
-	} from "@floating-ui/dom";
-
-	import { makeClassName } from "$lib/dusk/string";
-
-	import "./Tooltip.css";
-
-	/** @type {String | Undefined} */
-	export let className = undefined;
-
-	/**
-	 * Default delay in ms before hiding the tooltip.
-	 * @type {Number}
-	 */
-	export let defaultDelayHide = 0;
-
-	/**
-	 * Default delay in ms before showing the tooltip.
-	 * @type {Number}
-	 */
-	export let defaultDelayShow = 500;
-
-	/**
-	 * Default offset from the target element.
-	 * @type {Number}
-	 */
-	export let defaultOffset = 10;
-
-	/**
-	 * Preferred default placement.
-	 * @type {import("@floating-ui/dom").Side}
-	 */
-	export let defaultPlace = "top";
-
-	/**
-	 * Tooltip's default type.
-	 * @type {TooltipType}
-	 */
-	export let defaultType = "info";
-
-	/**
-	 * ID of the tooltip element.
-	 * @type {String}
-	 */
-	export let id;
-
-	/** @type {Number} */
-	let timeoutID = 0;
-
-	/** @type {HTMLDivElement} */
-	let tooltipElement;
-
-	const state = writable({
-		delayHide: defaultDelayHide,
-		delayShow: defaultDelayShow,
-		offset: defaultOffset,
-		place: defaultPlace,
-		text: "",
-		type: defaultType,
-		visible: false,
-		x: 0,
-		y: 0
-	});
-
-	const intersectionObserver = new IntersectionObserver((entries, observer) => {
-		if (entries[0].intersectionRatio <= 0 || !entries[0].target.isConnected) {
-			clearTimeout(timeoutID);
-			state.set({
-				...$state,
-				text: "",
-				visible: false
-			});
-			observer.disconnect();
-		}
-	});
-
-	/** @type {import("svelte/elements").KeyboardEventHandler<HTMLElement>} */
-	function handleKeydown (event) {
-		if (event.key === "Escape") {
-			handleTooltipHide(event);
-		}
-	}
-
-	// @ts-ignore
-	function handleTooltipHide (event) {
-		const {
-			tooltipDelayHide,
-			tooltipId
-		} = event.target.dataset;
-
-		if (tooltipId !== id) {
-			return;
-		}
-
-		clearTimeout(timeoutID);
-
-		const delayHide = tooltipDelayHide ? +tooltipDelayHide : defaultDelayHide;
-		const newState = {
-			...$state,
-			text: "",
-			visible: false
-		};
-
-		intersectionObserver.unobserve(event.target);
-
-		if (delayHide) {
-			timeoutID = window.setTimeout(() => {
-				event.target.removeAttribute("aria-described-by");
-				state.set(newState);
-			}, delayHide);
-		} else {
-			event.target.removeAttribute("aria-described-by");
-			state.set(newState);
-		}
-	}
-
-	// @ts-ignore
-	async function handleTooltipShow (event) {
-		const {
-			tooltipDelayShow,
-			tooltipDisabled,
-			tooltipId,
-			tooltipOffset = defaultOffset,
-			tooltipPlace = defaultPlace,
-			tooltipText = "",
-			tooltipType = defaultType
-		} = event.target.dataset;
-
-		if (tooltipId !== id || tooltipDisabled === "true") {
-			return;
-		}
-
-		clearTimeout(timeoutID);
-		state.set({ ...$state, text: tooltipText });
-		intersectionObserver.observe(event.target);
-
-		const { placement, x, y } = await computePosition(event.target, tooltipElement, {
-			middleware: [
-				setOffset({ mainAxis: +tooltipOffset }),
-				inline(),
-				flip({ fallbackAxisSideDirection: "start" }),
-				shift()
-			],
-			placement: tooltipPlace,
-			strategy: "fixed"
-		});
-
-		// We consider only "top", "right", "bottom" and "left" for now.
-		// The extra parenthesis are needed to force the cast for the type checker.
-		// eslint-disable-next-line no-extra-parens
-		const place = /** @type {import("@floating-ui/dom").Side} */ (placement.replace(/-.+$/, ""));
-
-		const newState = {
-			...$state,
-			place,
-			type: tooltipType,
-			visible: true,
-			x,
-			y
-		};
-
-		const delayShow = tooltipDelayShow ? +tooltipDelayShow : defaultDelayShow;
-
-		if (delayShow) {
-			timeoutID = window.setTimeout(() => {
-				if (event.target && event.target.isConnected) {
-					setAriaDescription(event.target);
-					state.set(newState);
-				}
-			}, delayShow);
-		} else {
-			setAriaDescription(event.target);
-			state.set(newState);
-		}
-	}
-
-	/** @param {HTMLElement} target */
-	function setAriaDescription (target) {
-		document
-			.querySelector(`[aria-described-by="${id}"]`)
-			?.removeAttribute("aria-described-by");
-		target.setAttribute("aria-described-by", id);
-	}
-
-	onDestroy(() => {
-		intersectionObserver.disconnect();
-	});
-
-	$: ({
-		place = defaultPlace,
-		text,
-		type = defaultType,
-		visible,
-		x,
-		y
-	} = $state);
-
-	$: classes = makeClassName([
-		"dusk-tooltip",
-		`dusk-tooltip-${place}`,
-		`dusk-tooltip-${type}`,
-		className
-	]);
+  import { onDestroy } from "svelte";
+  import { writable } from "svelte/store";
+  import {
+    computePosition,
+    flip,
+    inline,
+    offset as setOffset,
+    shift,
+  } from "@floating-ui/dom";
+
+  import { makeClassName } from "$lib/dusk/string";
+
+  import "./Tooltip.css";
+
+  /** @type {String | Undefined} */
+  export let className = undefined;
+
+  /**
+   * Default delay in ms before hiding the tooltip.
+   * @type {Number}
+   */
+  export let defaultDelayHide = 0;
+
+  /**
+   * Default delay in ms before showing the tooltip.
+   * @type {Number}
+   */
+  export let defaultDelayShow = 500;
+
+  /**
+   * Default offset from the target element.
+   * @type {Number}
+   */
+  export let defaultOffset = 10;
+
+  /**
+   * Preferred default placement.
+   * @type {import("@floating-ui/dom").Side}
+   */
+  export let defaultPlace = "top";
+
+  /**
+   * Tooltip's default type.
+   * @type {TooltipType}
+   */
+  export let defaultType = "info";
+
+  /**
+   * ID of the tooltip element.
+   * @type {String}
+   */
+  export let id;
+
+  /** @type {Number} */
+  let timeoutID = 0;
+
+  /** @type {HTMLDivElement} */
+  let tooltipElement;
+
+  const state = writable({
+    delayHide: defaultDelayHide,
+    delayShow: defaultDelayShow,
+    offset: defaultOffset,
+    place: defaultPlace,
+    text: "",
+    type: defaultType,
+    visible: false,
+    x: 0,
+    y: 0,
+  });
+
+  const intersectionObserver = new IntersectionObserver((entries, observer) => {
+    if (entries[0].intersectionRatio <= 0 || !entries[0].target.isConnected) {
+      clearTimeout(timeoutID);
+      state.set({
+        ...$state,
+        text: "",
+        visible: false,
+      });
+      observer.disconnect();
+    }
+  });
+
+  /** @type {import("svelte/elements").KeyboardEventHandler<HTMLElement>} */
+  function handleKeydown(event) {
+    if (event.key === "Escape") {
+      handleTooltipHide(event);
+    }
+  }
+
+  // @ts-ignore
+  function handleTooltipHide(event) {
+    const { tooltipDelayHide, tooltipId } = event.target.dataset;
+
+    if (tooltipId !== id) {
+      return;
+    }
+
+    clearTimeout(timeoutID);
+
+    const delayHide = tooltipDelayHide ? +tooltipDelayHide : defaultDelayHide;
+    const newState = {
+      ...$state,
+      text: "",
+      visible: false,
+    };
+
+    intersectionObserver.unobserve(event.target);
+
+    if (delayHide) {
+      timeoutID = window.setTimeout(() => {
+        event.target.removeAttribute("aria-described-by");
+        state.set(newState);
+      }, delayHide);
+    } else {
+      event.target.removeAttribute("aria-described-by");
+      state.set(newState);
+    }
+  }
+
+  // @ts-ignore
+  async function handleTooltipShow(event) {
+    const {
+      tooltipDelayShow,
+      tooltipDisabled,
+      tooltipId,
+      tooltipOffset = defaultOffset,
+      tooltipPlace = defaultPlace,
+      tooltipText = "",
+      tooltipType = defaultType,
+    } = event.target.dataset;
+
+    if (tooltipId !== id || tooltipDisabled === "true") {
+      return;
+    }
+
+    clearTimeout(timeoutID);
+    state.set({ ...$state, text: tooltipText });
+    intersectionObserver.observe(event.target);
+
+    const { placement, x, y } = await computePosition(
+      event.target,
+      tooltipElement,
+      {
+        middleware: [
+          setOffset({ mainAxis: +tooltipOffset }),
+          inline(),
+          flip({ fallbackAxisSideDirection: "start" }),
+          shift(),
+        ],
+        placement: tooltipPlace,
+        strategy: "fixed",
+      }
+    );
+
+    // We consider only "top", "right", "bottom" and "left" for now.
+    // The extra parenthesis are needed to force the cast for the type checker.
+    const place = /** @type {import("@floating-ui/dom").Side} */ (
+      placement.replace(/-.+$/, "")
+    );
+
+    const newState = {
+      ...$state,
+      place,
+      type: tooltipType,
+      visible: true,
+      x,
+      y,
+    };
+
+    const delayShow = tooltipDelayShow ? +tooltipDelayShow : defaultDelayShow;
+
+    if (delayShow) {
+      timeoutID = window.setTimeout(() => {
+        if (event.target && event.target.isConnected) {
+          setAriaDescription(event.target);
+          state.set(newState);
+        }
+      }, delayShow);
+    } else {
+      setAriaDescription(event.target);
+      state.set(newState);
+    }
+  }
+
+  /** @param {HTMLElement} target */
+  function setAriaDescription(target) {
+    document
+      .querySelector(`[aria-described-by="${id}"]`)
+      ?.removeAttribute("aria-described-by");
+    target.setAttribute("aria-described-by", id);
+  }
+
+  onDestroy(() => {
+    intersectionObserver.disconnect();
+  });
+
+  $: ({
+    place = defaultPlace,
+    text,
+    type = defaultType,
+    visible,
+    x,
+    y,
+  } = $state);
+
+  $: classes = makeClassName([
+    "dusk-tooltip",
+    `dusk-tooltip-${place}`,
+    `dusk-tooltip-${type}`,
+    className,
+  ]);
 </script>
 
 <svelte:body
-	on:focusin|capture={handleTooltipShow}
-	on:focusout|capture={handleTooltipHide}
-	on:keydown|capture={handleKeydown}
-	on:mouseenter|capture={handleTooltipShow}
-	on:mouseleave|capture={handleTooltipHide}
+  on:focusin|capture={handleTooltipShow}
+  on:focusout|capture={handleTooltipHide}
+  on:keydown|capture={handleKeydown}
+  on:mouseenter|capture={handleTooltipShow}
+  on:mouseleave|capture={handleTooltipHide}
 />
 <div
-	{...$$restProps}
-	bind:this={tooltipElement}
-	aria-hidden={!visible}
-	class={classes}
-	{id}
-	role="tooltip"
-	style:left={`${x}px`}
-	style:top={`${y}px`}
+  {...$$restProps}
+  bind:this={tooltipElement}
+  aria-hidden={!visible}
+  class={classes}
+  {id}
+  role="tooltip"
+  style:left={`${x}px`}
+  style:top={`${y}px`}
 >
-	{text}
+  {text}
 </div>
diff --git a/src/lib/dusk/components/Wizard/Wizard.svelte b/src/lib/dusk/components/Wizard/Wizard.svelte
index 0f5f10cf..7fbf8a35 100644
--- a/src/lib/dusk/components/Wizard/Wizard.svelte
+++ b/src/lib/dusk/components/Wizard/Wizard.svelte
@@ -1,19 +1,18 @@
 <script>
-	import { setContext } from "svelte";
-	import createWizardStore from "./createWizardStore";
+  import { setContext } from "svelte";
+  import createWizardStore from "./createWizardStore";
 
-	export let steps = 0;
+  export let steps = 0;
 
-	export let fullHeight = false;
+  export let fullHeight = false;
 
-	const storeKey = `DUSK:WIZARD:${Math.random().toString(36)}`;
+  const storeKey = `DUSK:WIZARD:${Math.random().toString(36)}`;
 
-	const wizardStore = createWizardStore(steps);
-	setContext(storeKey, wizardStore);
+  const wizardStore = createWizardStore(steps);
+  setContext(storeKey, wizardStore);
 </script>
 
-<div
-	class="dusk-wizard"
-	class:dusk-wizard--full-height={fullHeight}>
-	<slot key={storeKey}></slot>
+<div class="dusk-wizard" class:dusk-wizard--full-height={fullHeight}>
+  <slot name="stepper" />
+  <slot key={storeKey} />
 </div>
diff --git a/src/lib/dusk/components/Wizard/WizardStep.svelte b/src/lib/dusk/components/Wizard/WizardStep.svelte
index 8595efb1..30f771bb 100644
--- a/src/lib/dusk/components/Wizard/WizardStep.svelte
+++ b/src/lib/dusk/components/Wizard/WizardStep.svelte
@@ -1,117 +1,151 @@
 <script>
-	import { getContext } from "svelte";
-	import { AnchorButton, Button, Stepper } from "$lib/dusk/components";
-	import { mdiArrowLeft, mdiArrowRight } from "@mdi/js";
-
-	/** @type {Number} */
-	export let step;
-	export let key;
-
-	/** @type {Boolean} */
-	export let showStepper = false;
-	export let showNavigation = true;
-
-	export let hideBackButton = false;
-
-	/** @type {WizardButtonProps | Undefined} */
-	export let backButton = undefined;
-
-	/** @type {WizardButtonProps | Undefined} */
-	export let nextButton = undefined;
-
-	const wizardStore = getContext(key);
-
-	$: ({ stepsCount, currentStep } = $wizardStore);
-
-	function handleBack () {
-		backButton?.action?.();
-		wizardStore.decrementStep();
-	}
-
-	function handleNext () {
-		nextButton?.action?.();
-		wizardStore.incrementStep();
-	}
-
-	/**
-	 * Returns the icon for the wizard button
-	 * It can be:
-	 * – The default icon for the
-	 * wizard button ("back" or "next"), based on the button,
-	 * if no icon is provided
-	 * – No icon at all, if the icon prop is set to "null"
-	 * - A custom icon, provided by the user
-	 * @param {WizardButtonProps | Undefined} buttonProps
-	 * @param {String} defaultIconPath
-	 * @param {Boolean} isNextButton
-	 * @returns {IconProp | Undefined}
-	 */
-	function getButtonIcon (buttonProps, defaultIconPath, isNextButton) {
-		if (buttonProps?.icon === null) {
-			return undefined;
-		}
-
-		return buttonProps?.icon ?? {
-			path: defaultIconPath,
-			position: isNextButton ? "after" : "before",
-			size: "normal"
-		};
-	}
-
-	/**
-	 * Returns the common props for the wizard buttons
-	 * @param {WizardButtonProps | Undefined} wizardButtonProps
-	 * @param {String} defaultLabel
-	 * @param {String} defaultIconPath
-	 */
-	function getButtonProps (wizardButtonProps, defaultLabel, defaultIconPath, isNextButton = false) {
-		const stepCondition = isNextButton ? currentStep + 1 === stepsCount : currentStep === 0;
-
-		return {
-			disabled: wizardButtonProps?.disabled ?? stepCondition,
-			icon: getButtonIcon(wizardButtonProps, defaultIconPath, isNextButton),
-			text: wizardButtonProps?.label ?? defaultLabel,
-			variant: wizardButtonProps?.variant ?? "tertiary"
-		};
-	}
+  import { getContext } from "svelte";
+  import { Button, Stepper } from "$lib/dusk/components";
+  import { mdiArrowLeft, mdiArrowRight } from "@mdi/js";
+
+  import { AppAnchorButton } from "$lib/components";
+
+  /** @type {Number} */
+  export let step;
+  export let key;
+
+  /** @type {Boolean} */
+  export let showStepper = false;
+  export let showNavigation = true;
+
+  export let hideBackButton = false;
+
+  /** @type {WizardButtonProps | Undefined} */
+  export let backButton = undefined;
+
+  /** @type {WizardButtonProps | Undefined} */
+  export let nextButton = undefined;
+
+  const wizardStore = getContext(key);
+
+  $: ({ stepsCount, currentStep } = $wizardStore);
+
+  /**
+   * Temporary measure to have a DOM event
+   * that bubbles up and can be listened from
+   * any parent.
+   *
+   * @param {Event} evt
+   */
+  function dispatchStepChange(evt) {
+    const stepChangeEvent = new CustomEvent("wizardstepchange", {
+      bubbles: true,
+      detail: { step: currentStep, stepsCount },
+    });
+
+    // @ts-ignore
+    evt.currentTarget?.closest(".dusk-wizard")?.dispatchEvent(stepChangeEvent);
+  }
+
+  /** @param {Event} evt */
+  function handleBack(evt) {
+    backButton?.action?.();
+    wizardStore.decrementStep();
+    dispatchStepChange(evt);
+  }
+
+  /** @param {Event} evt */
+  function handleNext(evt) {
+    nextButton?.action?.();
+    wizardStore.incrementStep();
+    dispatchStepChange(evt);
+  }
+
+  /**
+   * Returns the icon for the wizard button
+   * It can be:
+   * – The default icon for the
+   * wizard button ("back" or "next"), based on the button,
+   * if no icon is provided
+   * – No icon at all, if the icon prop is set to "null"
+   * - A custom icon, provided by the user
+   * @param {WizardButtonProps | Undefined} buttonProps
+   * @param {String} defaultIconPath
+   * @param {Boolean} isNextButton
+   * @returns {IconProp | Undefined}
+   */
+  function getButtonIcon(buttonProps, defaultIconPath, isNextButton) {
+    if (buttonProps?.icon === null) {
+      return undefined;
+    }
+
+    return (
+      buttonProps?.icon ?? {
+        path: defaultIconPath,
+        position: isNextButton ? "after" : "before",
+        size: "default",
+      }
+    );
+  }
+
+  /**
+   * Returns the common props for the wizard buttons
+   * @param {WizardButtonProps | Undefined} wizardButtonProps
+   * @param {String} defaultLabel
+   * @param {String} defaultIconPath
+   */
+  function getButtonProps(
+    wizardButtonProps,
+    defaultLabel,
+    defaultIconPath,
+    isNextButton = false
+  ) {
+    const stepCondition = isNextButton
+      ? currentStep + 1 === stepsCount
+      : currentStep === 0;
+
+    return {
+      disabled: wizardButtonProps?.disabled ?? stepCondition,
+      icon: getButtonIcon(wizardButtonProps, defaultIconPath, isNextButton),
+      text: wizardButtonProps?.label ?? defaultLabel,
+      variant: wizardButtonProps?.variant ?? "tertiary",
+    };
+  }
 </script>
 
 {#if step === currentStep}
-	<slot name="heading"/>
-	{#if showStepper}
-		<Stepper steps={stepsCount} activeStep={currentStep}/>
-	{/if}
-	<slot></slot>
-
-	{#if showNavigation}
-		<slot name="navigation">
-			<div class="dusk-wizard__step-navigation">
-				{#if !hideBackButton}
-					{#if backButton?.isAnchor}
-						<AnchorButton
-							{...getButtonProps(backButton, "Back", mdiArrowLeft)}
-							href={backButton?.href ?? "#"}
-						/>
-					{:else}
-						<Button
-							{...getButtonProps(backButton, "Back", mdiArrowLeft)}
-							on:click={handleBack}
-						/>
-					{/if}
-				{/if}
-
-				{#if nextButton?.isAnchor}
-					<AnchorButton
-						{...getButtonProps(nextButton, "Next", mdiArrowRight, true)}
-						href={nextButton?.href ?? "#"}
-					/>
-				{:else}
-					<Button
-						{...getButtonProps(nextButton, "Next", mdiArrowRight, true)}
-						on:click={handleNext}
-					/>
-				{/if}
-			</div>
-		</slot>
-	{/if}
+  <slot name="heading" />
+  {#if showStepper}
+    <Stepper steps={stepsCount} activeStep={currentStep} variant="secondary" />
+  {/if}
+  <slot />
+
+  {#if showNavigation}
+    <slot name="navigation">
+      <div class="dusk-wizard__step-navigation">
+        {#if !hideBackButton}
+          {#if backButton?.isAnchor}
+            <AppAnchorButton
+              {...getButtonProps(backButton, "Back", mdiArrowLeft)}
+              href={backButton?.href ?? "#"}
+              on:click={dispatchStepChange}
+            />
+          {:else}
+            <Button
+              {...getButtonProps(backButton, "Back", mdiArrowLeft)}
+              on:click={handleBack}
+            />
+          {/if}
+        {/if}
+
+        {#if nextButton?.isAnchor}
+          <AppAnchorButton
+            {...getButtonProps(nextButton, "Next", mdiArrowRight, true)}
+            href={nextButton?.href ?? "#"}
+            on:click={dispatchStepChange}
+          />
+        {:else}
+          <Button
+            {...getButtonProps(nextButton, "Next", mdiArrowRight, true)}
+            on:click={handleNext}
+          />
+        {/if}
+      </div>
+    </slot>
+  {/if}
 {/if}
diff --git a/src/lib/dusk/components/Wizard/createWizardStore.js b/src/lib/dusk/components/Wizard/createWizardStore.js
index ce497f97..4a3b4f8a 100644
--- a/src/lib/dusk/components/Wizard/createWizardStore.js
+++ b/src/lib/dusk/components/Wizard/createWizardStore.js
@@ -1,39 +1,39 @@
 import { writable } from "svelte/store";
 
 /** @param {Number} stepsCount */
-function createWizardStore (stepsCount) {
-	const initialState = {
-		currentStep: 0,
-		stepsCount
-	};
-
-	const { subscribe, update } = writable(initialState);
-
-	function incrementStep () {
-		update(state => {
-			if (state.currentStep < state.stepsCount - 1) {
-				return { ...state, currentStep: state.currentStep + 1 };
-			}
-
-			return state;
-		});
-	}
-
-	function decrementStep () {
-		update(state => {
-			if (state.currentStep > 0) {
-				return { ...state, currentStep: state.currentStep - 1 };
-			}
-
-			return state;
-		});
-	}
-
-	return {
-		decrementStep,
-		incrementStep,
-		subscribe
-	};
+function createWizardStore(stepsCount) {
+  const initialState = {
+    currentStep: 0,
+    stepsCount,
+  };
+
+  const { subscribe, update } = writable(initialState);
+
+  function incrementStep() {
+    update((state) => {
+      if (state.currentStep < state.stepsCount - 1) {
+        return { ...state, currentStep: state.currentStep + 1 };
+      }
+
+      return state;
+    });
+  }
+
+  function decrementStep() {
+    update((state) => {
+      if (state.currentStep > 0) {
+        return { ...state, currentStep: state.currentStep - 1 };
+      }
+
+      return state;
+    });
+  }
+
+  return {
+    decrementStep,
+    incrementStep,
+    subscribe,
+  };
 }
 
 export default createWizardStore;
diff --git a/src/lib/dusk/components/Words/Words.svelte b/src/lib/dusk/components/Words/Words.svelte
index ea1970d9..3db6315d 100644
--- a/src/lib/dusk/components/Words/Words.svelte
+++ b/src/lib/dusk/components/Words/Words.svelte
@@ -1,21 +1,19 @@
 <script>
-	import { makeClassName } from "$lib/dusk/string";
+  import { makeClassName } from "$lib/dusk/string";
 
-	/**
-	 * @type {string[]}
-	 */
-	export let words;
+  /**
+   * @type {string[]}
+   */
+  export let words;
 
-	/** @type {String | Undefined} */
-	export let className = undefined;
+  /** @type {String | Undefined} */
+  export let className = undefined;
 
-	$: classes = makeClassName(["dusk-words", className]);
+  $: classes = makeClassName(["dusk-words", className]);
 </script>
 
-<ol
-	{...$$restProps}
-	class={classes}>
-	{#each words as word, index (`${word}-${index}`)}
-		<li class="dusk-words__word">{word === "" ? "_____" : word}</li>
-	{/each}
+<ol {...$$restProps} class={classes}>
+  {#each words as word, index (`${word}-${index}`)}
+    <li class="dusk-words__word">{word === "" ? "_____" : word}</li>
+  {/each}
 </ol>
diff --git a/src/lib/dusk/components/__mocks__/mockedMnemonicStore.js b/src/lib/dusk/components/__mocks__/mockedMnemonicStore.js
deleted file mode 100644
index 85f5571c..00000000
--- a/src/lib/dusk/components/__mocks__/mockedMnemonicStore.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { mockDerivedStore, mockReadableStore } from "$lib/dusk/test-helpers";
-
-/** @type {Array<string>} */
-const enteredSeed = [];
-const seed = [
-	"serendipity",
-	"quixotic",
-	"mellifluous",
-	"resplendent",
-	"nebulous",
-	"jubilant",
-	"capricious",
-	"pernicious",
-	"ephemeral",
-	"ineffable",
-	"mellifluous",
-	"effervescent"
-];
-
-/** @param {Array<string>} initialSeed */
-const deriveFn = (initialSeed) => {
-	return initialSeed;
-};
-
-export const mockedMnemonicPhrase = mockReadableStore(seed);
-export const mockedEnteredMnemonicPhrase = mockReadableStore(enteredSeed);
-export const mockedShuffledMnemonicPhrase = mockDerivedStore(seed, deriveFn);
diff --git a/src/lib/dusk/components/__tests__/Agreement.spec.js b/src/lib/dusk/components/__tests__/Agreement.spec.js
index 1a7d5029..84ee6859 100644
--- a/src/lib/dusk/components/__tests__/Agreement.spec.js
+++ b/src/lib/dusk/components/__tests__/Agreement.spec.js
@@ -1,26 +1,21 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import { Agreement } from "..";
 
 describe("Agreement", () => {
-	const baseProps = {
-		name: "test",
-		controlId: "test",
-		label: "I agree"
-	};
+  const baseProps = {
+    controlId: "test",
+    label: "I agree",
+    name: "test",
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the Agreement component", () => {
-		const { container } = render(Agreement, { props: { ...baseProps } });
+  it("renders the Agreement component", () => {
+    const { container } = render(Agreement, { props: { ...baseProps } });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	// Rest of the functionality is covered under the Checkbox component tests
+  // Rest of the functionality is covered under the Checkbox component tests
 });
diff --git a/src/lib/dusk/components/__tests__/Anchor.spec.js b/src/lib/dusk/components/__tests__/Anchor.spec.js
index 746ac977..a049bb12 100644
--- a/src/lib/dusk/components/__tests__/Anchor.spec.js
+++ b/src/lib/dusk/components/__tests__/Anchor.spec.js
@@ -1,9 +1,4 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup } from "@testing-library/svelte";
 
 import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
@@ -11,31 +6,34 @@ import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
 import { Anchor } from "..";
 
 describe("Anchor", () => {
-	const baseProps = {
-		href: "https://example.com"
-	};
-
-	const baseOptions = {
-		props: baseProps
-	};
-
-	afterEach(cleanup);
-
-	it("should render the Anchor component", () => {
-		const { container } = renderWithSimpleContent(Anchor, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			href: "https://dusk.network",
-			title: "Some title"
-		};
-		const { container } = renderWithSimpleContent(Anchor, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  const baseProps = {
+    href: "https://example.com",
+  };
+
+  const baseOptions = {
+    props: baseProps,
+  };
+
+  afterEach(cleanup);
+
+  it("should render the Anchor component", () => {
+    const { container } = renderWithSimpleContent(Anchor, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      href: "https://dusk.network",
+      title: "Some title",
+    };
+    const { container } = renderWithSimpleContent(Anchor, {
+      ...baseOptions,
+      props,
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/AnchorButton.spec.js b/src/lib/dusk/components/__tests__/AnchorButton.spec.js
index ad25cd16..092f84d0 100644
--- a/src/lib/dusk/components/__tests__/AnchorButton.spec.js
+++ b/src/lib/dusk/components/__tests__/AnchorButton.spec.js
@@ -1,93 +1,87 @@
-// @ts-nocheck
-
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import { mdiFolderOutline } from "@mdi/js";
 
 import { AnchorButton } from "..";
 
 describe("AnchorButton", () => {
-	const baseProps = {
-		href: "/some-url",
-		text: "some text"
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the AnchorButton component", () => {
-		const { container } = render(AnchorButton, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should add a disabled class if the related property is `true`", () => {
-		const props = {
-			...baseProps,
-			disabled: true
-		};
-		const { container } = render(AnchorButton, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id"
-		};
-		const { container } = render(AnchorButton, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render a AnchorButton without a text", () => {
-		const props = {
-			...baseProps,
-			text: ""
-		};
-		const { container } = render(AnchorButton, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should be able to render a AnchorButton with an icon and text", () => {
-		["after", "before"].forEach(position => {
-			const props = {
-				...baseProps,
-				icon: {
-					path: mdiFolderOutline,
-					position
-				}
-			};
-			const { container } = render(AnchorButton, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
-
-	it("should be able to render a AnchorButton with an icon only", () => {
-		["after", "before"].forEach(position => {
-			const props = {
-				...baseProps,
-				icon: {
-					path: mdiFolderOutline,
-					position
-				},
-				text: ""
-			};
-			const { container } = render(AnchorButton, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
+  const baseProps = {
+    href: "/some-url",
+    text: "some text",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+  const iconPositions = /** @type {const} */ (["after", "before", undefined]);
+
+  afterEach(cleanup);
+
+  it("should render the AnchorButton component", () => {
+    const { container } = render(AnchorButton, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should add a disabled class if the related property is `true`", () => {
+    const props = {
+      ...baseProps,
+      disabled: true,
+    };
+    const { container } = render(AnchorButton, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(AnchorButton, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render a AnchorButton without a text", () => {
+    const props = {
+      ...baseProps,
+      text: "",
+    };
+    const { container } = render(AnchorButton, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should be able to render a AnchorButton with an icon and text", () => {
+    iconPositions.forEach((position) => {
+      const props = {
+        ...baseProps,
+        icon: {
+          path: mdiFolderOutline,
+          position,
+        },
+      };
+      const { container } = render(AnchorButton, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+
+  it("should be able to render a AnchorButton with an icon only", () => {
+    iconPositions.forEach((position) => {
+      const props = {
+        ...baseProps,
+        icon: {
+          path: mdiFolderOutline,
+          position,
+        },
+        text: "",
+      };
+      const { container } = render(AnchorButton, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Badge.spec.js b/src/lib/dusk/components/__tests__/Badge.spec.js
index 7a1b045d..8a7e42dd 100644
--- a/src/lib/dusk/components/__tests__/Badge.spec.js
+++ b/src/lib/dusk/components/__tests__/Badge.spec.js
@@ -1,41 +1,36 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { Badge } from "..";
 
 describe("Badge", () => {
-	const baseProps = {
-		text: "Badge"
-	};
+  const baseProps = {
+    text: "Badge",
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("should render the Badge component using the type \"neutral\" as a default", () => {
-		const { container } = render(Badge, baseProps);
+  it('should render the Badge component using the type "neutral" as a default', () => {
+    const { container } = render(Badge, baseProps);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should render the Badge component using the type \"warning\" variant", () => {
-		const { container } = render(Badge, { ...baseProps, variant: "warning" });
+  it('should render the Badge component using the type "warning" variant', () => {
+    const { container } = render(Badge, { ...baseProps, variant: "warning" });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should render the Badge component using the type \"error\" variant", () => {
-		const { container } = render(Badge, { ...baseProps, variant: "error" });
+  it('should render the Badge component using the type "error" variant', () => {
+    const { container } = render(Badge, { ...baseProps, variant: "error" });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should render the Badge component using the type \"success\" variant", () => {
-		const { container } = render(Badge, { ...baseProps, variant: "success" });
+  it('should render the Badge component using the type "success" variant', () => {
+    const { container } = render(Badge, { ...baseProps, variant: "success" });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Button.spec.js b/src/lib/dusk/components/__tests__/Button.spec.js
index c5954312..e236d59d 100644
--- a/src/lib/dusk/components/__tests__/Button.spec.js
+++ b/src/lib/dusk/components/__tests__/Button.spec.js
@@ -1,96 +1,84 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import { mdiFolderOutline } from "@mdi/js";
 
 import { Button } from "..";
 
 describe("Button", () => {
-	const baseProps = {
-		text: "some text"
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the Button component using the type \"button\" as a default", () => {
-		const { container } = render(Button, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render a button of the desired type", () => {
-		["button", "reset", "submit", "toggle"].forEach(type => {
-			const props = { ...baseProps, type };
-			const { container } = render(Button, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
-
-	it("should accept an active property for the toggle button type", () => {
-		const props = { ...baseProps, active: true, type: "toggle" };
-		const { container } = render(Button, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id"
-		};
-		const { container } = render(Button, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render a button without a text", () => {
-		const props = {
-			...baseProps,
-			text: ""
-		};
-		const { container } = render(Button, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should be able to render a button with an icon and text", () => {
-		["after", "before"].forEach(position => {
-			const props = {
-				...baseProps,
-				icon: {
-					path: mdiFolderOutline,
-					position
-				}
-			};
-			const { container } = render(Button, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
-
-	it("should be able to render a button with an icon only", () => {
-		["after", "before"].forEach(position => {
-			const props = {
-				...baseProps,
-				icon: {
-					path: mdiFolderOutline,
-					position
-				},
-				text: ""
-			};
-			const { container } = render(Button, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
+  const baseProps = {
+    text: "some text",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it('should render the Button component using the type "button" as a default', () => {
+    const { container } = render(Button, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render a button of the desired type", () => {
+    ["button", "reset", "submit", "toggle"].forEach((type) => {
+      const props = { ...baseProps, type };
+      const { container } = render(Button, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(Button, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render a button without a text", () => {
+    const props = {
+      ...baseProps,
+      text: "",
+    };
+    const { container } = render(Button, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should be able to render a button with an icon and text", () => {
+    ["after", "before"].forEach((position) => {
+      const props = {
+        ...baseProps,
+        icon: {
+          path: mdiFolderOutline,
+          position,
+        },
+      };
+      const { container } = render(Button, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+
+  it("should be able to render a button with an icon only", () => {
+    ["after", "before"].forEach((position) => {
+      const props = {
+        ...baseProps,
+        icon: {
+          path: mdiFolderOutline,
+          position,
+        },
+        text: "",
+      };
+      const { container } = render(Button, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Card.spec.js b/src/lib/dusk/components/__tests__/Card.spec.js
index ee085259..dbe2f361 100644
--- a/src/lib/dusk/components/__tests__/Card.spec.js
+++ b/src/lib/dusk/components/__tests__/Card.spec.js
@@ -1,27 +1,13 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import { Card } from "..";
 
 describe("Card", () => {
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the Card component with a heading", () => {
-		const { container } = render(Card, { props: { heading: "My Card" } });
+  it("renders the Card component", () => {
+    const { container } = render(Card);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("renders the the Card component with an icon when iconPath is provided", () => {
-		const { container } = render(
-			Card,
-			{ props: { heading: "My Card", iconPath: "M3,3H21V21H3V3M5,5V19H19V5H5Z" } }
-		);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Checkbox.spec.js b/src/lib/dusk/components/__tests__/Checkbox.spec.js
index 9ce285ad..ab047408 100644
--- a/src/lib/dusk/components/__tests__/Checkbox.spec.js
+++ b/src/lib/dusk/components/__tests__/Checkbox.spec.js
@@ -1,50 +1,55 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { Checkbox } from "..";
 
 describe("Checkbox", () => {
-	const baseProps = {
-		name: "test",
-		id: "test"
-	};
-
-	afterEach(cleanup);
-
-	it("renders the Checkbox component", () => {
-		const { container } = render(Checkbox, { props: { ...baseProps, checked: false } });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("renders the Checkbox component in a checked state", () => {
-		const { container } = render(Checkbox, { props: { ...baseProps, checked: true } });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("renders the Checkbox component in a disabled state", () => {
-		const { container } = render(Checkbox, { props: { ...baseProps, disabled: true } });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("renders the Checkbox component in a disabled, checked state", () => {
-		const { container } = render(Checkbox, { props: { ...baseProps, disabled: true, checked: true } });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("renders the Checkbox component and can transition to a checked state on click", async () => {
-		const { getByRole } = render(Checkbox, { props: { ...baseProps, checked: false } });
-		const checkbox = getByRole("checkbox");
-
-		expect(checkbox).not.toBeChecked();
-		await fireEvent.click(checkbox);
-		expect(checkbox).toBeChecked();
-	});
+  const baseProps = {
+    id: "test",
+    name: "test",
+  };
+
+  afterEach(cleanup);
+
+  it("renders the Checkbox component", () => {
+    const { container } = render(Checkbox, {
+      props: { ...baseProps, checked: false },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the Checkbox component in a checked state", () => {
+    const { container } = render(Checkbox, {
+      props: { ...baseProps, checked: true },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the Checkbox component in a disabled state", () => {
+    const { container } = render(Checkbox, {
+      props: { ...baseProps, disabled: true },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the Checkbox component in a disabled, checked state", () => {
+    const { container } = render(Checkbox, {
+      props: { ...baseProps, checked: true, disabled: true },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("renders the Checkbox component and can transition to a checked state on click", async () => {
+    const { getByRole } = render(Checkbox, {
+      props: { ...baseProps, checked: false },
+    });
+    const checkbox = getByRole("checkbox");
+
+    expect(checkbox).not.toBeChecked();
+    await fireEvent.click(checkbox);
+    expect(checkbox).toBeChecked();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/ErrorAlert.spec.js b/src/lib/dusk/components/__tests__/ErrorAlert.spec.js
new file mode 100644
index 00000000..d2cdb9cb
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/ErrorAlert.spec.js
@@ -0,0 +1,36 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+
+import { ErrorAlert } from "..";
+
+describe("ErrorAlert", () => {
+  const baseProps = {
+    error: new Error("some error message"),
+    summary: "Some error summary",
+  };
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should render the `ErrorAlert` component", () => {
+    const { container } = render(ErrorAlert, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      "data-foo": "baz",
+      id: "some-id",
+    };
+    const { container } = render(ErrorAlert, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/lib/dusk/components/__tests__/ErrorDetails.spec.js b/src/lib/dusk/components/__tests__/ErrorDetails.spec.js
index dd143b76..55a36db2 100644
--- a/src/lib/dusk/components/__tests__/ErrorDetails.spec.js
+++ b/src/lib/dusk/components/__tests__/ErrorDetails.spec.js
@@ -1,49 +1,44 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { ErrorDetails } from "..";
 
 describe("ErrorDetails", () => {
-	const baseProps = {
-		error: new Error("Some error messaage"),
-		summary: "Some error summary"
-	};
-
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the `ErrorDetails` component", () => {
-		const { container } = render(ErrorDetails, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar"
-		};
-		const { container } = render(ErrorDetails, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render nothing if the error is `null`", () => {
-		const props = {
-			...baseProps,
-			error: null
-		};
-		const { container } = render(ErrorDetails, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  const baseProps = {
+    error: new Error("Some error messaage"),
+    summary: "Some error summary",
+  };
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should render the `ErrorDetails` component", () => {
+    const { container } = render(ErrorDetails, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+    };
+    const { container } = render(ErrorDetails, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render nothing if the error is `null`", () => {
+    const props = {
+      ...baseProps,
+      error: null,
+    };
+    const { container } = render(ErrorDetails, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/ExclusiveChoice.spec.js b/src/lib/dusk/components/__tests__/ExclusiveChoice.spec.js
new file mode 100644
index 00000000..4f7bc89e
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/ExclusiveChoice.spec.js
@@ -0,0 +1,112 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+
+import { ExclusiveChoice } from "..";
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
+describe("ExclusiveChoice", () => {
+  const stringOptions = ["one", "two", "three", "four"];
+
+  /** @type {SelectOption[]} */
+  const objectOptionsA = [
+    { label: "one", value: "1" },
+    { label: "two", value: "2" },
+    { disabled: true, label: "three", value: "3" },
+    { label: "four", value: "4" },
+  ];
+
+  /** @type {SelectOption[]} */
+  const objectOptionsB = [
+    { value: "1" },
+    { value: "2" },
+    { value: "3" },
+    { value: "4" },
+  ];
+
+  const baseProps = {
+    options: objectOptionsA,
+    value: "2",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("$lib/dusk/string");
+  });
+
+  it("should render the `ExclusiveChoice` component", () => {
+    const { container } = render(ExclusiveChoice, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a custom name for the radio elements", () => {
+    const props = {
+      ...baseProps,
+      name: "my-custom-name",
+    };
+    const { container } = render(ExclusiveChoice, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an array of options object without labels and use the value as labels", () => {
+    const props = {
+      ...baseProps,
+      options: objectOptionsB,
+    };
+    const { container } = render(ExclusiveChoice, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an array of string as options", () => {
+    const props = {
+      ...baseProps,
+      options: stringOptions,
+    };
+    const { container } = render(ExclusiveChoice, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(ExclusiveChoice, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a change event handler", async () => {
+    const changeHandler = vi.fn();
+    const { component, container } = render(ExclusiveChoice, baseOptions);
+    const target = /** @type {HTMLInputElement} */ (
+      container.querySelector("input[value='4']")
+    );
+
+    component.$on("change", changeHandler);
+
+    await fireEvent.click(target);
+
+    expect(changeHandler).toHaveBeenCalledTimes(1);
+    expect(changeHandler).toHaveBeenCalledWith(expect.any(Event));
+    expect(target.checked).toBe(true);
+  });
+});
diff --git a/src/lib/dusk/components/__tests__/Icon.spec.js b/src/lib/dusk/components/__tests__/Icon.spec.js
index 1d763fda..ef0b5cb5 100644
--- a/src/lib/dusk/components/__tests__/Icon.spec.js
+++ b/src/lib/dusk/components/__tests__/Icon.spec.js
@@ -1,69 +1,64 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { Icon } from "..";
 
 describe("Icon", () => {
-	const baseProps = {
-		path: "M3,3H21V21H3V3M5,5V19H19V5H5Z"
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  const baseProps = {
+    path: "M3,3H21V21H3V3M5,5V19H19V5H5Z",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
 
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("should render the Icon component", () => {
-		const { container } = render(Icon, baseOptions);
+  it("should render the Icon component", () => {
+    const { container } = render(Icon, baseOptions);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should accept a custom role for the SVG component", () => {
-		const props = {
-			...baseProps,
-			role: "presentation"
-		};
-		const { container } = render(Icon, { ...baseOptions, props });
+  it("should accept a custom role for the SVG component", () => {
+    const props = {
+      ...baseProps,
+      role: "presentation",
+    };
+    const { container } = render(Icon, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should render the icon inside a `g` element if it's part of a stack", () => {
-		const props = {
-			...baseProps,
-			isInStack: true
-		};
-		const { container } = render(Icon, { ...baseOptions, props });
+  it("should render the icon inside a `g` element if it's part of a stack", () => {
+    const props = {
+      ...baseProps,
+      isInStack: true,
+    };
+    const { container } = render(Icon, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			"className": "foo bar",
-			"data-baz": "baz"
-		};
-		const { container, rerender } = render(Icon, { ...baseOptions, props });
-		const icon = container.firstChild;
+  it("should pass additional class names and attributes to the rendered element", async () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      "data-baz": "baz",
+    };
+    const { container, rerender } = render(Icon, { ...baseOptions, props });
+    const icon = container.firstChild;
 
-		expect(icon).toHaveClass("foo bar");
-		expect(icon).toHaveAttribute("data-baz", "baz");
-		expect(icon).toMatchSnapshot();
+    expect(icon).toHaveClass("foo bar");
+    expect(icon).toHaveAttribute("data-baz", "baz");
+    expect(icon).toMatchSnapshot();
 
-		rerender({ ...props, isInStack: true });
+    await rerender({ ...props, isInStack: true });
 
-		const icon2 = container.firstChild;
+    const icon2 = container.firstChild;
 
-		expect(icon2).toHaveClass("foo bar");
-		expect(icon2).toHaveAttribute("data-baz", "baz");
-		expect(icon2).toMatchSnapshot();
-	});
+    expect(icon2).toHaveClass("foo bar");
+    expect(icon2).toHaveAttribute("data-baz", "baz");
+    expect(icon2).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Mnemonic.spec.js b/src/lib/dusk/components/__tests__/Mnemonic.spec.js
index ed7dadc9..27b17cae 100644
--- a/src/lib/dusk/components/__tests__/Mnemonic.spec.js
+++ b/src/lib/dusk/components/__tests__/Mnemonic.spec.js
@@ -1,68 +1,107 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
-import {
-	cleanup,
-	fireEvent,
-	render
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { Mnemonic } from "..";
 
 /** @type {string[]} */
-const enteredSeed = [];
+const enteredMnemonicPhrase = [];
 
 /** @type {string[]} */
-const seed = ["auction", "tribe", "type", "torch", "domain", "auction",
-	"lyrics", "mouse", "alert", "fabric", "snake", "ticket"];
+const mnemonic = [
+  "auction",
+  "tribe",
+  "type",
+  "torch",
+  "domain",
+  "auction",
+  "lyrics",
+  "mouse",
+  "alert",
+  "fabric",
+  "snake",
+  "ticket",
+];
 
 describe("Mnemonic", () => {
-	afterEach(cleanup);
-
-	it("should render the \"Mnemonic\" component in the authenticate state", async () => {
-		const { container } = render(Mnemonic, {
-			props: {
-				enteredMnemonicPhrase: enteredSeed,
-				type: "authenticate"
-			}
-		});
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render the \"Mnemonic\" component in the validate state", () => {
-		const { container } = render(Mnemonic, {
-			props: {
-				mnemonicPhrase: seed,
-				type: "validate"
-			}
-		});
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should display all the words in the order they have been clicked", async () => {
-		const { getAllByRole } = render(Mnemonic, {
-			props: {
-				enteredMnemonicPhrase: enteredSeed,
-				mnemonicPhrase: seed,
-				type: "validate"
-			}
-		});
-
-		const buttons = getAllByRole("button");
-
-		for (const word of buttons) {
-			await fireEvent.click(word);
-			expect(word).toBeDisabled();
-		}
-
-		const enteredPhrase = getAllByRole("listitem");
-
-		enteredPhrase.forEach((word, index) => {
-			expect(word.textContent).toBe(buttons[index].textContent);
-		});
-	});
+  afterEach(cleanup);
+
+  it('should render the "Mnemonic" component in the authenticate state', async () => {
+    const { container } = render(Mnemonic, {
+      props: {
+        enteredMnemonicPhrase,
+        type: "authenticate",
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it('should render the "Mnemonic" component in the validate state', () => {
+    const { container } = render(Mnemonic, {
+      props: {
+        mnemonicPhrase: mnemonic,
+        type: "validate",
+      },
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should display all the words in the order they have been clicked", async () => {
+    const { container, getAllByRole } = render(Mnemonic, {
+      props: {
+        enteredMnemonicPhrase,
+        mnemonicPhrase: mnemonic,
+        type: "validate",
+      },
+    });
+
+    const buttons = container.querySelectorAll("button[data-value]");
+
+    for (const word of buttons) {
+      await fireEvent.click(word);
+      expect(word).toBeDisabled();
+    }
+
+    const enteredPhrase = getAllByRole("listitem");
+
+    enteredPhrase.forEach((word, index) => {
+      expect(word.textContent).toBe(buttons[index].textContent);
+    });
+  });
+
+  it("should revert the most recent word on Undo click", async () => {
+    const { container, getByText, getAllByRole } = render(Mnemonic, {
+      props: {
+        enteredMnemonicPhrase,
+        mnemonicPhrase: mnemonic,
+        type: "validate",
+      },
+    });
+
+    const buttons = container.querySelectorAll("button[data-value]");
+
+    // Enters the first 5 words
+    for (let i = 0; i < 5; i++) {
+      await fireEvent.click(buttons[i]);
+      expect(buttons[i]).toBeDisabled();
+    }
+
+    const undoButton = getByText("Undo");
+
+    // Presses the "Undo button"
+    await fireEvent.click(undoButton);
+
+    const enteredPhrase = getAllByRole("listitem");
+
+    // Verify that the content of each list item matches the corresponding button's text content
+    // Loop until the 4th item (index 3)
+    for (let i = 0; i <= 3; i++) {
+      expect(enteredPhrase[i].textContent).toBe(buttons[i].textContent);
+    }
+
+    // The 5th item (index 4) and next should be empty
+    for (let i = 4; i <= 11; i++) {
+      expect(enteredPhrase[i].textContent).toBe("_____");
+    }
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/ProgressBar.spec.js b/src/lib/dusk/components/__tests__/ProgressBar.spec.js
index 6312224b..0461aa3a 100644
--- a/src/lib/dusk/components/__tests__/ProgressBar.spec.js
+++ b/src/lib/dusk/components/__tests__/ProgressBar.spec.js
@@ -1,35 +1,54 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { writable } from "svelte/store";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { ProgressBar } from "..";
 
+vi.mock("svelte/motion", () => {
+  return {
+    tweened: vi.fn((initialValue) => {
+      // Return a mock store that immediately sets the value for testing purposes
+      let value = initialValue;
+      const { set, subscribe } = writable(value);
+      return {
+        set: (/** @type {any} */ newValue) => {
+          // Simulate the tweening effect by setting the value immediately
+          set(newValue);
+          value = newValue;
+        },
+        subscribe,
+        update: (/** @type {(arg0: any) => any} */ fn) => set(fn(value)),
+      };
+    }),
+  };
+});
+
 describe("ProgressBar", () => {
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("renders the ProgressBar component with no current percentage set", () => {
-		const { container } = render(ProgressBar);
+  it("renders the ProgressBar component with no current percentage set", () => {
+    const { container } = render(ProgressBar);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("renders the Stepper component with current percentage set as zero", () => {
-		const { container } = render(ProgressBar, { props: { currentPercentage: 0 } });
+  it("renders the ProgressBar component with current percentage set as zero", () => {
+    const { container } = render(ProgressBar, {
+      props: { currentPercentage: 0 },
+    });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("re-renders the Stepper component when the current percentage property changes", async () => {
-		const { component, container } = render(ProgressBar, { props: { currentPercentage: 0 } });
+  it("re-renders the ProgressBar component when the current percentage property changes", async () => {
+    const { container, rerender } = render(ProgressBar, {
+      props: { currentPercentage: 0 },
+    });
 
-		expect(container.firstChild).toMatchSnapshot();
+    expect(container.firstChild).toMatchSnapshot();
 
-		await component.$set({ currentPercentage: 50 });
+    await rerender({ currentPercentage: 50 });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/QrCode.spec.js b/src/lib/dusk/components/__tests__/QrCode.spec.js
index 8d3052bf..dc724541 100644
--- a/src/lib/dusk/components/__tests__/QrCode.spec.js
+++ b/src/lib/dusk/components/__tests__/QrCode.spec.js
@@ -1,29 +1,52 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
-import {
-	cleanup,
-	render
-} from "@testing-library/svelte";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+
 import { QrCode } from "..";
 
 describe("QrCode", () => {
-	const baseProps = {
-		value: "xyz"
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
+  vi.useFakeTimers();
+
+  const baseProps = {
+    value: "some text",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+  const toDataUrlSpy = vi.spyOn(HTMLCanvasElement.prototype, "toDataURL");
+
+  afterEach(() => {
+    cleanup();
+    toDataUrlSpy.mockClear();
+  });
+
+  afterAll(() => {
+    toDataUrlSpy.mockRestore();
+    vi.useRealTimers();
+  });
+
+  it("should render the QrCode component and update it when any of the prop change", async () => {
+    const { container, rerender } = render(QrCode, baseOptions);
+
+    await vi.runAllTimersAsync();
+
+    expect(container.firstChild).toMatchSnapshot();
+    expect(toDataUrlSpy).toHaveBeenCalledTimes(1);
+
+    await rerender({ value: "some different text" });
+
+    expect(toDataUrlSpy).toHaveBeenCalledTimes(2);
+
+    await rerender({ bgColor: "#000" });
+
+    expect(toDataUrlSpy).toHaveBeenCalledTimes(3);
+
+    await rerender({ qrColor: "#fff" });
 
-	afterEach(cleanup);
+    expect(toDataUrlSpy).toHaveBeenCalledTimes(4);
 
-	it("should render the QrCode component", () => {
-		const { container } = render(QrCode, baseOptions);
+    await rerender({ width: 500 });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(toDataUrlSpy).toHaveBeenCalledTimes(5);
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Select.spec.js b/src/lib/dusk/components/__tests__/Select.spec.js
index d6bd5389..dbea332e 100644
--- a/src/lib/dusk/components/__tests__/Select.spec.js
+++ b/src/lib/dusk/components/__tests__/Select.spec.js
@@ -1,16 +1,5 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import {
-	cleanup,
-	fireEvent,
-	render,
-	screen
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/svelte";
 
 import { Select } from "..";
 
@@ -18,140 +7,140 @@ const stringOptions = ["one", "two", "three", "four"];
 
 /** @type {SelectOption[]} */
 const objectOptions = [
-	{ label: "one", value: "1" },
-	{ label: "two", value: "2" },
-	{ disabled: true, label: "three", value: "3" },
-	{ label: "four", value: "4" }
+  { label: "one", value: "1" },
+  { label: "two", value: "2" },
+  { disabled: true, label: "three", value: "3" },
+  { label: "four", value: "4" },
 ];
 
 /** @type {GroupedSelectOptions} */
 const groupedOptions = {
-	"Group one": [
-		{ label: "one", value: "1" },
-		{ label: "two", value: "2" },
-		{ disabled: true, label: "three", value: "3" }
-	],
-	"Group two": [
-		{ label: "four", value: "4" },
-		{ label: "five", value: "5" }
-	]
+  "Group one": [
+    { label: "one", value: "1" },
+    { label: "two", value: "2" },
+    { disabled: true, label: "three", value: "3" },
+  ],
+  "Group two": [
+    { label: "four", value: "4" },
+    { label: "five", value: "5" },
+  ],
 };
 
 /** @type {GroupedSelectOptions} */
 const groupedOptionsStrings = {
-	"Group one": ["one", "two", "three", "four"],
-	"Group two": ["five", "six", "seven"]
+  "Group one": ["one", "two", "three", "four"],
+  "Group two": ["five", "six", "seven"],
 };
 
 describe("Select", () => {
-	const baseProps = {
-		options: stringOptions
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the Select component", () => {
-		const { container } = render(Select, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept a change event handler", async () => {
-		const changeHandler = vi.fn();
-		const props = {
-			...baseProps,
-			"data-testid": "my-select",
-			"value": "two"
-		};
-		const { component } = render(Select, { ...baseOptions, props });
-
-		/** @type {HTMLSelectElement} */
-		const select = screen.getByTestId("my-select");
-		const target = select.querySelector("option[value='four']");
-
-		component.$on("change", changeHandler);
-
-		await fireEvent.change(select, { target });
-
-		expect(changeHandler).toHaveBeenCalledTimes(1);
-		expect(changeHandler).toHaveBeenCalledWith(expect.any(Event));
-		expect(select.value).toBe("four");
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id"
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept an array of objects as options", () => {
-		const props = {
-			...baseProps,
-			options: objectOptions
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should use the value as label if an object is missing it", () => {
-		const objectOptions2 = objectOptions.concat({ value: "5" });
-		const props = {
-			...baseProps,
-			options: objectOptions2
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept an empty string as label and use it instead of falling back to the value", () => {
-		const objectOptions2 = objectOptions.concat({ label: "", value: "5" });
-		const props = {
-			...baseProps,
-			options: objectOptions2
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept an array of strings as `options` and use each string as both label and value", () => {
-		const props = {
-			...baseProps,
-			options: groupedOptionsStrings["Group one"]
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept a grouped object as `options` and create option groups", () => {
-		const props = {
-			...baseProps,
-			options: groupedOptions
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept an array of string as values of a grouped object", () => {
-		const props = {
-			...baseProps,
-			options: groupedOptionsStrings
-		};
-		const { container } = render(Select, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  const baseProps = {
+    options: stringOptions,
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should render the Select component", () => {
+    const { container } = render(Select, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a change event handler", async () => {
+    const changeHandler = vi.fn();
+    const props = {
+      ...baseProps,
+      "data-testid": "my-select",
+      value: "two",
+    };
+    const { component } = render(Select, { ...baseOptions, props });
+
+    /** @type {HTMLSelectElement} */
+    const select = screen.getByTestId("my-select");
+    const target = select.querySelector("option[value='four']");
+
+    component.$on("change", changeHandler);
+
+    await fireEvent.change(select, { target });
+
+    expect(changeHandler).toHaveBeenCalledTimes(1);
+    expect(changeHandler).toHaveBeenCalledWith(expect.any(Event));
+    expect(select.value).toBe("four");
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an array of objects as options", () => {
+    const props = {
+      ...baseProps,
+      options: objectOptions,
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should use the value as label if an object is missing it", () => {
+    const objectOptions2 = objectOptions.concat({ value: "5" });
+    const props = {
+      ...baseProps,
+      options: objectOptions2,
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an empty string as label and use it instead of falling back to the value", () => {
+    const objectOptions2 = objectOptions.concat({ label: "", value: "5" });
+    const props = {
+      ...baseProps,
+      options: objectOptions2,
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an array of strings as `options` and use each string as both label and value", () => {
+    const props = {
+      ...baseProps,
+      options: groupedOptionsStrings["Group one"],
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a grouped object as `options` and create option groups", () => {
+    const props = {
+      ...baseProps,
+      options: groupedOptions,
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept an array of string as values of a grouped object", () => {
+    const props = {
+      ...baseProps,
+      options: groupedOptionsStrings,
+    };
+    const { container } = render(Select, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Stepper.spec.js b/src/lib/dusk/components/__tests__/Stepper.spec.js
index 07aec4f3..816bd14c 100644
--- a/src/lib/dusk/components/__tests__/Stepper.spec.js
+++ b/src/lib/dusk/components/__tests__/Stepper.spec.js
@@ -1,37 +1,99 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
+import { mdiCheckDecagramOutline } from "@mdi/js";
 
 import { Stepper } from "..";
 
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
 describe("Stepper", () => {
-	afterEach(cleanup);
+  const baseProps = {
+    activeStep: 2,
+    steps: [
+      { label: "foo" },
+      { label: "bar" },
+      { label: "baz" },
+      { label: "qux" },
+      { iconPath: mdiCheckDecagramOutline, label: "quux" },
+    ],
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("$lib/dusk/string");
+  });
+
+  it("should render the `Stepper` component accepting an array of `StepperStep` objects as steps", async () => {
+    const { container, rerender } = render(Stepper, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await rerender({ ...baseProps, activeStep: 3 });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the `Stepper` component accepting a number as the amount of steps", async () => {
+    const props = { ...baseProps, steps: 5 };
+    const { container, rerender } = render(Stepper, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await rerender({ ...baseProps, activeStep: 3 });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the `Stepper` with all step labels being displayed, if the right flag is provided", async () => {
+    const props = { ...baseProps, showStepLabelWhenInactive: true, steps: 5 };
+    const { container } = render(Stepper, { ...baseOptions, props });
 
-	it("renders the Stepper component with two steps", () => {
-		const { container } = render(Stepper, { props: { steps: 2, activeStep: 0 } });
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(Stepper, { ...baseOptions, props });
 
-	it("renders the Stepper component with a completed step", () => {
-		const { container } = render(Stepper, { props: { steps: 2, activeStep: 1 } });
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  it("should add the proper class name for the desired variant", () => {
+    const props = {
+      ...baseProps,
 
-	it("renders the Stepper component with five steps", () => {
-		const { container } = render(Stepper, { props: { steps: 5, activeStep: 0 } });
+      /** @type {StepperVariant} */
+      variant: "secondary",
+    };
+    const { container } = render(Stepper, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("renders the Stepper component with five steps, with the third one being active, and the first two – completed", () => {
-		const { container } = render(Stepper, { props: { steps: 5, activeStep: 3 } });
+  it("should allow to hide the step numbers", () => {
+    const props = {
+      ...baseProps,
+      showStepNumbers: false,
+    };
+    const { container } = render(Stepper, { ...baseOptions, props });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Suspense.spec.js b/src/lib/dusk/components/__tests__/Suspense.spec.js
new file mode 100644
index 00000000..18c2c9f5
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/Suspense.spec.js
@@ -0,0 +1,116 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+
+import { rejectAfter, resolveAfter } from "$lib/dusk/promise";
+
+import { Suspense } from "..";
+
+vi.useFakeTimers();
+
+describe("Suspense", () => {
+  const delay = 1000;
+
+  const baseProps = {
+    waitFor: resolveAfter(delay, "some result"),
+  };
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should be able to render the `Suspense` component in a pending state", () => {
+    const { container } = render(Suspense, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      "data-baz": "baz",
+      id: "some-id",
+    };
+    const { container } = render(Suspense, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should add appropriate class names for gap variants", async () => {
+    /** @type {import("svelte").ComponentProps<Suspense>} */
+    const props = {
+      ...baseProps,
+      gap: "small",
+    };
+    const { container, rerender } = render(Suspense, { ...baseOptions, props });
+
+    expect(container.firstChild).toHaveClass("dusk-suspense--small-gap");
+
+    await rerender({ ...props, gap: "large" });
+
+    expect(container.firstChild).toHaveClass("dusk-suspense--large-gap");
+  });
+
+  it("should accept a custom message for the pending state", () => {
+    const props = {
+      ...baseProps,
+      pendingMessage: "Operation pending",
+    };
+    const { container } = render(Suspense, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should be able to render the `Suspense` in a successful state", async () => {
+    const { container } = render(Suspense, baseOptions);
+
+    await vi.advanceTimersByTimeAsync(delay);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it('should be able to render the `Suspense` in a failure state with the "alert" variant as a default', async () => {
+    const props = {
+      ...baseProps,
+      waitFor: rejectAfter(delay, new Error("some error")),
+    };
+
+    const { container } = render(Suspense, { ...baseOptions, props });
+
+    await vi.advanceTimersByTimeAsync(delay);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it('should be able to render the `Suspense` in a failure state with the "details" error variant', async () => {
+    /** @type {import("svelte").ComponentProps<Suspense>} */
+    const props = {
+      ...baseProps,
+      errorVariant: "details",
+      waitFor: rejectAfter(delay, new Error("some error")),
+    };
+
+    const { container } = render(Suspense, { ...baseOptions, props });
+
+    await vi.advanceTimersByTimeAsync(delay);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a custom message for the failure state", async () => {
+    const props = {
+      ...baseProps,
+      errorMessage: "Operation failed",
+      waitFor: rejectAfter(delay, new Error("some error")),
+    };
+
+    const { container } = render(Suspense, { ...baseOptions, props });
+
+    await vi.advanceTimersByTimeAsync(delay);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/lib/dusk/components/__tests__/Switch.spec.js b/src/lib/dusk/components/__tests__/Switch.spec.js
index e9ef1287..d7702cb1 100644
--- a/src/lib/dusk/components/__tests__/Switch.spec.js
+++ b/src/lib/dusk/components/__tests__/Switch.spec.js
@@ -1,133 +1,138 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import {
-	cleanup,
-	fireEvent,
-	render
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
 
 import { Switch } from "..";
 
 describe("Switch", () => {
-	const baseProps = {};
-
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the \"Switch\" component with a default tab index of `0`", () => {
-		const { container, rerender } = render(Switch, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-
-		rerender({ ...baseProps, value: true });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should use the received tab index", () => {
-		const props = {
-			...baseProps,
-			tabindex: 5
-		};
-		const { container } = render(Switch, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render the component in a disabled status with a tabindex of `-1`", () => {
-		const props = {
-			...baseProps,
-			disabled: true,
-			tabindex: 5
-		};
-		const { container, rerender } = render(Switch, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-
-		rerender({ ...props, value: true });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names and attributes to the root element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id"
-		};
-		const { container } = render(Switch, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	describe("Event handlers", () => {
-		it("should dispatch a `change` event when the switch is clicked", async () => {
-			const { component, getByRole } = render(Switch, baseOptions);
-			const switchElement = getByRole("switch");
-			const handler = vi.fn();
-
-			component.$on("change", handler);
-
-			await fireEvent.click(switchElement);
-			await fireEvent.click(switchElement);
-
-			expect(handler).toHaveBeenCalledTimes(2);
-			expect(handler).toHaveBeenNthCalledWith(1, expect.objectContaining({ detail: true }));
-			expect(handler).toHaveBeenNthCalledWith(2, expect.objectContaining({ detail: false }));
-		});
-
-		it("should dispatch a `change` event when the user presses space on the switch", async () => {
-			const { component, getByRole } = render(Switch, baseOptions);
-			const switchElement = getByRole("switch");
-			const handler = vi.fn();
-
-			component.$on("change", handler);
-
-			await fireEvent.keyDown(switchElement, { key: " " });
-			await fireEvent.keyDown(switchElement, { key: " " });
-
-			expect(handler).toHaveBeenCalledTimes(2);
-			expect(handler).toHaveBeenNthCalledWith(1, expect.objectContaining({ detail: true }));
-			expect(handler).toHaveBeenNthCalledWith(2, expect.objectContaining({ detail: false }));
-		});
-
-		it("should not dispatch an event if the user presses another key", async () => {
-			const { component, getByRole } = render(Switch, baseOptions);
-			const switchElement = getByRole("switch");
-			const handler = vi.fn();
-
-			component.$on("change", handler);
-
-			await fireEvent.keyDown(switchElement, { key: "Enter" });
-			await fireEvent.keyDown(switchElement, { key: "a" });
-
-			expect(handler).not.toHaveBeenCalled();
-		});
-
-		it("should not dispatch an event if the switch is disabled", async () => {
-			const props = {
-				...baseProps,
-				disabled: true
-			};
-			const { component, getByRole } = render(Switch, { ...baseOptions, props });
-			const switchElement = getByRole("switch");
-			const handler = vi.fn();
-
-			component.$on("change", handler);
-
-			await fireEvent.click(switchElement);
-			await fireEvent.keyDown(switchElement, { key: " " });
-
-			expect(handler).not.toHaveBeenCalled();
-		});
-	});
+  const baseProps = {};
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it('should render the "Switch" component with a default tab index of `0`', async () => {
+    const { container, rerender } = render(Switch, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await rerender({ ...baseProps, value: true });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should use the received tab index", () => {
+    const props = {
+      ...baseProps,
+      tabindex: 5,
+    };
+    const { container } = render(Switch, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the component in a disabled status with a tabindex of `-1`", async () => {
+    const props = {
+      ...baseProps,
+      disabled: true,
+      tabindex: 5,
+    };
+    const { container, rerender } = render(Switch, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await rerender({ ...props, value: true });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names and attributes to the root element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    };
+    const { container } = render(Switch, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  describe("Event handlers", () => {
+    it("should dispatch a `change` event when the switch is clicked", async () => {
+      const { component, getByRole } = render(Switch, baseOptions);
+      const switchElement = getByRole("switch");
+      const handler = vi.fn();
+
+      component.$on("change", handler);
+
+      await fireEvent.click(switchElement);
+      await fireEvent.click(switchElement);
+
+      expect(handler).toHaveBeenCalledTimes(2);
+      expect(handler).toHaveBeenNthCalledWith(
+        1,
+        expect.objectContaining({ detail: true })
+      );
+      expect(handler).toHaveBeenNthCalledWith(
+        2,
+        expect.objectContaining({ detail: false })
+      );
+    });
+
+    it("should dispatch a `change` event when the user presses space on the switch", async () => {
+      const { component, getByRole } = render(Switch, baseOptions);
+      const switchElement = getByRole("switch");
+      const handler = vi.fn();
+
+      component.$on("change", handler);
+
+      await fireEvent.keyDown(switchElement, { key: " " });
+      await fireEvent.keyDown(switchElement, { key: " " });
+
+      expect(handler).toHaveBeenCalledTimes(2);
+      expect(handler).toHaveBeenNthCalledWith(
+        1,
+        expect.objectContaining({ detail: true })
+      );
+      expect(handler).toHaveBeenNthCalledWith(
+        2,
+        expect.objectContaining({ detail: false })
+      );
+    });
+
+    it("should not dispatch an event if the user presses another key", async () => {
+      const { component, getByRole } = render(Switch, baseOptions);
+      const switchElement = getByRole("switch");
+      const handler = vi.fn();
+
+      component.$on("change", handler);
+
+      await fireEvent.keyDown(switchElement, { key: "Enter" });
+      await fireEvent.keyDown(switchElement, { key: "a" });
+
+      expect(handler).not.toHaveBeenCalled();
+    });
+
+    it("should not dispatch an event if the switch is disabled", async () => {
+      const props = {
+        ...baseProps,
+        disabled: true,
+      };
+      const { component, getByRole } = render(Switch, {
+        ...baseOptions,
+        props,
+      });
+      const switchElement = getByRole("switch");
+      const handler = vi.fn();
+
+      component.$on("change", handler);
+
+      await fireEvent.click(switchElement);
+      await fireEvent.keyDown(switchElement, { key: " " });
+
+      expect(handler).not.toHaveBeenCalled();
+    });
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Tabs.spec.js b/src/lib/dusk/components/__tests__/Tabs.spec.js
index e3a120ba..4adb657f 100644
--- a/src/lib/dusk/components/__tests__/Tabs.spec.js
+++ b/src/lib/dusk/components/__tests__/Tabs.spec.js
@@ -2,396 +2,404 @@ import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { mdiHome } from "@mdi/js";
 import { getAsHTMLElement } from "$lib/dusk/test-helpers";
-import { Tabs } from "..";
 
-vi.useFakeTimers();
+import { Tabs } from "..";
 
 describe("Tabs", () => {
-	const rafSpy = vi.spyOn(window, "requestAnimationFrame");
-	const cafSpy = vi.spyOn(window, "cancelAnimationFrame");
-	const scrollBySpy = vi.spyOn(HTMLUListElement.prototype, "scrollBy");
-	const scrollIntoViewSpy = vi.spyOn(
-		HTMLLIElement.prototype,
-		"scrollIntoView"
-	);
-	const scrollLeftSpy = vi
-		.spyOn(HTMLUListElement.prototype, "scrollLeft", "get")
-		.mockReturnValue(0);
-	const scrollToSpy = vi.spyOn(HTMLUListElement.prototype, "scrollTo");
-	const scrollWidthSpy = vi
-		.spyOn(HTMLUListElement.prototype, "scrollWidth", "get")
-		.mockReturnValue(640);
-	const ulClientWidthSpy = vi
-		.spyOn(HTMLUListElement.prototype, "clientWidth", "get")
-		.mockReturnValue(320);
-
-	const items = [
-		"Dashboard",
-		"User Settings",
-		"User Profile",
-		"Notifications",
-		"Direct Messaging",
-		"Task Manager",
-		"Event Calendar",
-		"Analytics",
-		"Team Management",
-		"Help"
-	].map((v) => ({ id: v.toLowerCase().replace(/ /g, "-"), label: v }));
-
-	/** @type {TabItem[]} */
-	const itemsWithTextAndIcon = items.map((item, idx) => ({
-		...item,
-		icon: { path: mdiHome, position: idx % 2 === 0 ? "before" : "after" }
-	}));
-
-	/** @type {TabItem[]} */
-	const itemsWithIcon = itemsWithTextAndIcon.map(({ id, icon }) => ({
-		id,
-		icon
-	}));
-	const itemsWithIdOnly = items.map(({ id }) => ({ id }));
-
-	const baseProps = {
-		items,
-		selectedTab: "user-settings"
-	};
-
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(() => {
-		cleanup();
-		rafSpy.mockClear();
-		cafSpy.mockClear();
-		scrollBySpy.mockClear();
-		scrollIntoViewSpy.mockClear();
-		scrollLeftSpy.mockClear();
-		scrollToSpy.mockClear();
-		scrollWidthSpy.mockClear();
-		ulClientWidthSpy.mockClear();
-	});
-
-	afterAll(() => {
-		rafSpy.mockRestore();
-		cafSpy.mockRestore();
-		scrollBySpy.mockRestore();
-		scrollIntoViewSpy.mockRestore();
-		scrollLeftSpy.mockRestore();
-		scrollToSpy.mockRestore();
-		scrollWidthSpy.mockRestore();
-		ulClientWidthSpy.mockRestore();
-	});
-
-	it("should render a \"Tabs\" component and reset its scroll status if no tab is selected", () => {
-		const props = {
-			...baseProps,
-			selectedTab: undefined
-		};
-		const { container } = render(Tabs, { ...baseOptions, props });
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
-
-		expect(tabsList.scrollTo).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollTo).toHaveBeenCalledWith(0, 0);
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should scroll the selected tab into view if there's a selection", async () => {
-		const { container } = render(Tabs, baseOptions);
-		const tab = getAsHTMLElement(
-			container,
-			`[data-tabid="${baseProps.selectedTab}"]`
-		);
-
-		expect(tab.scrollIntoView).toHaveBeenCalledTimes(1);
-	});
-
-	it("should be able to render tabs with icon and text", () => {
-		const props = {
-			...baseProps,
-			items: itemsWithTextAndIcon
-		};
-		const { container } = render(Tabs, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should be able to render tabs with icons only", () => {
-		const props = {
-			...baseProps,
-			items: itemsWithIcon
-		};
-		const { container } = render(Tabs, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should use the id as label if the tab hasn't one and is without icon", () => {
-		const props = {
-			...baseProps,
-			items: itemsWithIdOnly
-		};
-		const { container } = render(Tabs, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should observe the tab list resize on mounting and stop observing when unmounting", () => {
-		const observeSpy = vi.spyOn(ResizeObserver.prototype, "observe");
-		const disconnectSpy = vi.spyOn(ResizeObserver.prototype, "disconnect");
-		const { container, unmount } = render(Tabs, baseOptions);
-		const tabsList = container.querySelector(".dusk-tabs-list");
-
-		expect(observeSpy).toHaveBeenCalledTimes(1);
-		expect(observeSpy).toHaveBeenCalledWith(tabsList);
-
-		unmount();
-
-		expect(disconnectSpy).toHaveBeenCalledTimes(1);
-
-		observeSpy.mockRestore();
-		disconnectSpy.mockRestore();
-	});
-
-	it("should pass additional class names and attributes to the root element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id"
-		};
-		const { container } = render(Tabs, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should fire a change event when a tab is selected and it's not the current selection", async () => {
-		const { component, getAllByRole } = render(Tabs, baseOptions);
-		const tabs = getAllByRole("tab");
-
-		let expectedTab = tabs[0];
-
-		expect.assertions(3);
-
-		component.$on("change", (event) => {
-			expect(event.detail).toBe(expectedTab.dataset.tabid);
-		});
-
-		// does nothing as it's currently selected
-		await fireEvent.click(tabs[1]);
+  /**
+   * `@juggle/resize-observer` uses this to get the dimensions of
+   * the observed element and, by specs, the callback won't fire
+   * on the `observe` call if the dimensions are both `0`.
+   */
+  // @ts-ignore we don't need to mock the whole CSS declaration
+  const gcsSpy = vi.spyOn(window, "getComputedStyle").mockReturnValue({
+    height: "320px",
+    width: "320px",
+  });
+  const rafSpy = vi.spyOn(window, "requestAnimationFrame");
+  const cafSpy = vi.spyOn(window, "cancelAnimationFrame");
+  const scrollBySpy = vi.spyOn(HTMLUListElement.prototype, "scrollBy");
+  const scrollIntoViewSpy = vi.spyOn(HTMLLIElement.prototype, "scrollIntoView");
+  const scrollLeftSpy = vi
+    .spyOn(HTMLUListElement.prototype, "scrollLeft", "get")
+    .mockReturnValue(0);
+  const scrollToSpy = vi.spyOn(HTMLUListElement.prototype, "scrollTo");
+  const scrollWidthSpy = vi
+    .spyOn(HTMLUListElement.prototype, "scrollWidth", "get")
+    .mockReturnValue(640);
+  const ulClientWidthSpy = vi
+    .spyOn(HTMLUListElement.prototype, "clientWidth", "get")
+    .mockReturnValue(320);
+
+  // needed by `@juggle/resize-observer`
+  const ulOffsetWidthSpy = vi
+    .spyOn(HTMLUListElement.prototype, "offsetWidth", "get")
+    .mockReturnValue(320);
+
+  const items = [
+    "Dashboard",
+    "User Settings",
+    "User Profile",
+    "Notifications",
+    "Direct Messaging",
+    "Task Manager",
+    "Event Calendar",
+    "Analytics",
+    "Team Management",
+    "Help",
+  ].map((v) => ({ id: v.toLowerCase().replace(/ /g, "-"), label: v }));
+
+  /** @type {TabItem[]} */
+  const itemsWithTextAndIcon = items.map((item, idx) => ({
+    ...item,
+    icon: { path: mdiHome, position: idx % 2 === 0 ? "before" : "after" },
+  }));
+
+  /** @type {TabItem[]} */
+  const itemsWithIcon = itemsWithTextAndIcon.map(({ id, icon }) => ({
+    icon,
+    id,
+  }));
+  const itemsWithIdOnly = items.map(({ id }) => ({ id }));
+
+  const baseProps = {
+    items,
+    selectedTab: "user-settings",
+  };
+
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  /** @param {import("svelte").ComponentProps<Tabs>} props */
+  const renderTabs = async (props) => {
+    const renderResult = render(Tabs, { ...baseOptions, props });
+
+    /**
+     * `@juggle/resize-observer` uses some scheduling, so we
+     * need to wait for the first observe to fire.
+     */
+    await vi.waitUntil(() => rafSpy.mock.calls.length > 0);
+
+    // clearing `requestAnimationFrame` calls made by `@juggle/resize-observer`
+    rafSpy.mockClear();
+
+    return renderResult;
+  };
+
+  afterEach(() => {
+    cleanup();
+    rafSpy.mockClear();
+    cafSpy.mockClear();
+    scrollBySpy.mockClear();
+    scrollIntoViewSpy.mockClear();
+    scrollLeftSpy.mockClear();
+    scrollToSpy.mockClear();
+    scrollWidthSpy.mockClear();
+  });
+
+  afterAll(() => {
+    gcsSpy.mockRestore();
+    rafSpy.mockRestore();
+    cafSpy.mockRestore();
+    scrollBySpy.mockRestore();
+    scrollIntoViewSpy.mockRestore();
+    scrollLeftSpy.mockRestore();
+    scrollToSpy.mockRestore();
+    scrollWidthSpy.mockRestore();
+    ulClientWidthSpy.mockRestore();
+    ulOffsetWidthSpy.mockRestore();
+  });
+
+  it('should render a "Tabs" component and reset its scroll status if no tab is selected', async () => {
+    const { container } = await renderTabs({
+      ...baseProps,
+      selectedTab: undefined,
+    });
+    const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+
+    expect(tabsList.scrollTo).toHaveBeenCalledTimes(1);
+    expect(tabsList.scrollTo).toHaveBeenCalledWith(0, 0);
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should scroll the selected tab into view if there's a selection", async () => {
+    const { container } = await renderTabs(baseProps);
+    const tab = getAsHTMLElement(
+      container,
+      `[data-tabid="${baseProps.selectedTab}"]`
+    );
+
+    expect(tab.scrollIntoView).toHaveBeenCalledTimes(1);
+  });
+
+  it("should be able to render tabs with icon and text", async () => {
+    const { container } = await renderTabs({
+      ...baseProps,
+      items: itemsWithTextAndIcon,
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should be able to render tabs with icons only", async () => {
+    const { container } = await renderTabs({
+      ...baseProps,
+      items: itemsWithIcon,
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should use the id as label if the tab hasn't one and is without icon", async () => {
+    const { container } = await renderTabs({
+      ...baseProps,
+      items: itemsWithIdOnly,
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should observe the tab list resize on mounting and stop observing when unmounting", async () => {
+    const observeSpy = vi.spyOn(ResizeObserver.prototype, "observe");
+    const disconnectSpy = vi.spyOn(ResizeObserver.prototype, "disconnect");
+    const { container, unmount } = await renderTabs(baseProps);
+    const tabsList = container.querySelector(".dusk-tabs-list");
+
+    expect(observeSpy).toHaveBeenCalledTimes(1);
+    expect(observeSpy).toHaveBeenCalledWith(tabsList);
+
+    unmount();
+
+    expect(disconnectSpy).toHaveBeenCalledTimes(1);
+
+    observeSpy.mockRestore();
+    disconnectSpy.mockRestore();
+  });
+
+  it("should pass additional class names and attributes to the root element", async () => {
+    const { container } = await renderTabs({
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+    });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should fire a change event when a tab is selected and it's not the current selection", async () => {
+    const { component, getAllByRole } = await renderTabs(baseProps);
+    const tabs = getAllByRole("tab");
+
+    let expectedTab = tabs[0];
+
+    expect.assertions(3);
+
+    component.$on("change", (event) => {
+      expect(event.detail).toBe(expectedTab.dataset.tabid);
+    });
+
+    // does nothing as it's currently selected
+    await fireEvent.click(tabs[1]);
+
+    await fireEvent.click(expectedTab);
+
+    expectedTab = tabs[1];
+
+    await fireEvent.keyDown(expectedTab, { key: "Enter" });
+
+    expectedTab = tabs[2];
+
+    await fireEvent.keyDown(expectedTab, { key: " " });
+
+    // does nothing as neither space or Enter are pressed
+    await fireEvent.keyDown(tabs[1], { key: "f" });
+  });
+
+  it("should scroll a tab into view when it gains focus", async () => {
+    const { getAllByRole } = await renderTabs(baseProps);
+    const tabs = getAllByRole("tab");
+
+    scrollIntoViewSpy.mockClear();
+
+    await fireEvent.focusIn(tabs[0]);
+
+    expect(tabs[0].scrollIntoView).toHaveBeenCalledTimes(1);
+  });
+
+  it("should hide and disable the scroll buttons if there is enough horizontal space", async () => {
+    scrollWidthSpy.mockReturnValueOnce(0);
+
+    const { container } = await renderTabs(baseProps);
+    const leftBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:first-of-type"
+    );
+    const rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
+
+    expect(leftBtn.getAttribute("hidden")).toBe("true");
+    expect(leftBtn.getAttribute("disabled")).toBe("");
+    expect(rightBtn.getAttribute("hidden")).toBe("true");
+    expect(rightBtn.getAttribute("disabled")).toBe("");
+  });
+
+  it("should show the scroll buttons when there isn't enough horizontal space and enable the appropriate ones", async () => {
+    const { container } = await renderTabs(baseProps);
+    const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+
+    let leftBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:first-of-type"
+    );
+    let rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
+
+    expect(leftBtn.getAttribute("hidden")).toBe("false");
+    expect(leftBtn.getAttribute("disabled")).toBe("");
+    expect(rightBtn.getAttribute("hidden")).toBe("false");
+    expect(rightBtn.getAttribute("disabled")).toBeNull();
+
+    await fireEvent.mouseDown(rightBtn, { buttons: 1 });
+
+    expect(rafSpy).toHaveBeenCalledTimes(1);
+    expect(tabsList.scrollBy).toHaveBeenCalledTimes(1);
+    expect(tabsList.scrollBy).toHaveBeenCalledWith(5, 0);
+
+    scrollBySpy.mockClear();
+    rafSpy.mockClear();
+
+    await fireEvent.mouseUp(rightBtn);
+
+    expect(cafSpy).toHaveBeenCalledTimes(1);
+
+    scrollLeftSpy.mockReturnValueOnce(320);
+
+    await fireEvent.scroll(tabsList);
+
+    leftBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:first-of-type"
+    );
+    rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
 
-		await fireEvent.click(expectedTab);
+    expect(leftBtn.getAttribute("hidden")).toBe("false");
+    expect(leftBtn.getAttribute("disabled")).toBeNull();
+    expect(rightBtn.getAttribute("hidden")).toBe("false");
+    expect(rightBtn.getAttribute("disabled")).toBe("");
 
-		expectedTab = tabs[1];
+    scrollBySpy.mockClear();
+    rafSpy.mockClear();
 
-		await fireEvent.keyDown(expectedTab, { key: "Enter" });
+    await fireEvent.mouseDown(leftBtn, { buttons: 1 });
 
-		expectedTab = tabs[2];
+    expect(rafSpy).toHaveBeenCalledTimes(1);
+    expect(tabsList.scrollBy).toHaveBeenCalledTimes(1);
+    expect(tabsList.scrollBy).toHaveBeenCalledWith(-5, 0);
 
-		await fireEvent.keyDown(expectedTab, { key: " " });
+    await fireEvent.mouseUp(rightBtn);
+  });
 
-		// does nothing as neither space or Enter are pressed
-		await fireEvent.keyDown(tabs[1], { key: "f" });
-	});
+  it("should keep scrolling while the scroll button is pressed", async () => {
+    const { container } = await renderTabs(baseProps);
+    const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+    const rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
 
-	it("should scroll a tab into view when it gains focus", async () => {
-		const { getAllByRole } = render(Tabs, baseOptions);
-		const tabs = getAllByRole("tab");
+    expect(rightBtn.getAttribute("hidden")).toBe("false");
+    expect(rightBtn.getAttribute("disabled")).toBeNull();
+
+    await fireEvent.mouseDown(rightBtn, { buttons: 1 });
 
-		scrollIntoViewSpy.mockClear();
+    const frames = 10;
+
+    for (let i = 0; i < frames - 1; i++) {
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+    }
+
+    expect(tabsList.scrollBy).toHaveBeenCalledTimes(frames);
+
+    for (let i = 1; i <= frames; i++) {
+      expect(tabsList.scrollBy).toHaveBeenNthCalledWith(i, 5, 0);
+    }
+
+    await fireEvent.mouseUp(rightBtn);
+  });
+
+  it("should ignore mouse down events if the primary button isn't the only one pressed", async () => {
+    const { container } = await renderTabs(baseProps);
+    const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+    const leftBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:first-of-type"
+    );
+    const rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
 
-		await fireEvent.focusIn(tabs[0]);
+    await fireEvent.mouseDown(leftBtn, { buttons: 2 });
 
-		expect(tabs[0].scrollIntoView).toHaveBeenCalledTimes(1);
-	});
+    await fireEvent.mouseDown(leftBtn, { buttons: 3 });
 
-	it("should hide and disable the scroll buttons if there is enough horizontal space", () => {
-		scrollWidthSpy.mockReturnValueOnce(0);
+    await fireEvent.mouseDown(rightBtn, { buttons: 2 });
 
-		const { container } = render(Tabs, baseOptions);
-		const leftBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:first-of-type"
-		);
-		const rightBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:last-of-type"
-		);
+    await fireEvent.mouseDown(rightBtn, { buttons: 3 });
 
-		expect(leftBtn.getAttribute("hidden")).toBe("true");
-		expect(leftBtn.getAttribute("disabled")).toBe("");
-		expect(rightBtn.getAttribute("hidden")).toBe("true");
-		expect(rightBtn.getAttribute("disabled")).toBe("");
-	});
+    expect(rafSpy).not.toHaveBeenCalled();
+    expect(tabsList.scrollBy).not.toHaveBeenCalled();
+  });
 
-	it("should show the scroll buttons when there isn't enough horizontal space and enable the appropriate ones", async () => {
-		const { container, rerender } = render(Tabs, baseOptions);
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+  it("should bring the nearest tab into view on mouse clicks on scroll buttons", async () => {
+    const { container } = await renderTabs(baseProps);
+    const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
+    const leftBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:first-of-type"
+    );
+    const rightBtn = getAsHTMLElement(
+      container,
+      ".dusk-tab-scroll-button:last-of-type"
+    );
+    const firstTab = getAsHTMLElement(container, "[role='tab']:first-of-type");
+    const lastTab = getAsHTMLElement(container, "[role='tab']:last-of-type");
 
-		let leftBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:first-of-type"
-		);
-		let rightBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:last-of-type"
-		);
+    const tabsListGetRectSpy = vi
+      .spyOn(tabsList, "getBoundingClientRect")
+      .mockReturnValue(DOMRect.fromRect({ width: tabsList.clientWidth, x: 0 }));
+    const firstTabGetRectSpy = vi
+      .spyOn(firstTab, "getBoundingClientRect")
+      .mockReturnValue(DOMRect.fromRect({ width: 100, x: -100 }));
+    const lastTabGetRectSpy = vi
+      .spyOn(lastTab, "getBoundingClientRect")
+      .mockReturnValue(
+        DOMRect.fromRect({ width: 100, x: tabsList.clientWidth })
+      );
+
+    scrollIntoViewSpy.mockClear();
 
-		expect(leftBtn.getAttribute("hidden")).toBe("false");
-		expect(leftBtn.getAttribute("disabled")).toBe("");
-		expect(rightBtn.getAttribute("hidden")).toBe("false");
-		expect(rightBtn.getAttribute("disabled")).toBeNull();
-
-		await fireEvent.mouseDown(rightBtn, { buttons: 1 });
-
-		expect(rafSpy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledWith(5, 0);
-
-		// @ts-ignore
-		tabsList.scrollBy.mockClear();
-		rafSpy.mockClear();
-
-		vi.advanceTimersToNextTimer();
-
-		expect(rafSpy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledWith(5, 0);
+    await fireEvent.click(rightBtn);
 
-		await fireEvent.mouseUp(rightBtn);
+    expect(lastTab.scrollIntoView).toHaveBeenCalledTimes(1);
 
-		expect(cafSpy).toHaveBeenCalledTimes(1);
+    scrollIntoViewSpy.mockClear();
 
-		scrollLeftSpy.mockReturnValue(320);
+    await fireEvent.click(leftBtn);
 
-		rerender(baseOptions.props);
+    expect(firstTab.scrollIntoView).toHaveBeenCalledTimes(1);
 
-		leftBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:first-of-type"
-		);
-		rightBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:last-of-type"
-		);
-
-		expect(leftBtn.getAttribute("hidden")).toBe("false");
-		expect(leftBtn.getAttribute("disabled")).toBeNull();
-		expect(rightBtn.getAttribute("hidden")).toBe("false");
-		expect(rightBtn.getAttribute("disabled")).toBe("");
-
-		scrollBySpy.mockClear();
-		rafSpy.mockClear();
-
-		await fireEvent.mouseDown(leftBtn, { buttons: 1 });
-
-		expect(rafSpy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledTimes(1);
-		expect(tabsList.scrollBy).toHaveBeenCalledWith(-5, 0);
-	});
-
-	it("should ignore mouse down events if the primary button isn't the only one pressed", async () => {
-		const { container } = render(Tabs, baseOptions);
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
-		const leftBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:first-of-type"
-		);
-		const rightBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:last-of-type"
-		);
-
-		await fireEvent.mouseDown(leftBtn, { buttons: 2 });
-
-		await fireEvent.mouseDown(leftBtn, { buttons: 3 });
-
-		await fireEvent.mouseDown(rightBtn, { buttons: 2 });
-
-		await fireEvent.mouseDown(rightBtn, { buttons: 3 });
-
-		expect(rafSpy).not.toHaveBeenCalled();
-		expect(tabsList.scrollBy).not.toHaveBeenCalled();
-	});
-
-	it("should bring the nearest tab into view on mouse clicks on scroll buttons", async () => {
-		const { container } = render(Tabs, baseOptions);
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
-		const leftBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:first-of-type"
-		);
-		const rightBtn = getAsHTMLElement(
-			container,
-			".dusk-tab-scroll-button:last-of-type"
-		);
-		const firstTab = getAsHTMLElement(
-			container,
-			"[role='tab']:first-of-type"
-		);
-		const lastTab = getAsHTMLElement(
-			container,
-			"[role='tab']:last-of-type"
-		);
-
-		const tabsListGetRectSpy = vi
-			.spyOn(tabsList, "getBoundingClientRect")
-			.mockReturnValue(
-				DOMRect.fromRect({ x: 0, width: tabsList.clientWidth })
-			);
-		const firstTabGetRectSpy = vi
-			.spyOn(firstTab, "getBoundingClientRect")
-			.mockReturnValue(DOMRect.fromRect({ x: -100, width: 100 }));
-		const lastTabGetRectSpy = vi
-			.spyOn(lastTab, "getBoundingClientRect")
-			.mockReturnValue(
-				DOMRect.fromRect({ x: tabsList.clientWidth, width: 100 })
-			);
-
-		scrollIntoViewSpy.mockClear();
-
-		await fireEvent.click(rightBtn);
-
-		expect(lastTab.scrollIntoView).toHaveBeenCalledTimes(1);
-
-		scrollIntoViewSpy.mockClear();
-
-		await fireEvent.click(leftBtn);
-
-		expect(firstTab.scrollIntoView).toHaveBeenCalledTimes(1);
-
-		tabsListGetRectSpy.mockRestore();
-		firstTabGetRectSpy.mockRestore();
-		lastTabGetRectSpy.mockRestore();
-	});
-
-	it("should scroll the tabs on a wheel event if there is a deltaX", async () => {
-		const { container } = render(Tabs, baseOptions);
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
-		const eventInfo1 = { deltaX: 0 };
-		const eventInfo2 = { deltaX: 100 };
-
-		await fireEvent.wheel(tabsList, eventInfo1);
-		await fireEvent.wheel(tabsList, eventInfo2);
-
-		expect(scrollBySpy).toHaveBeenCalledTimes(2);
-		expect(scrollBySpy).toHaveBeenNthCalledWith(1, eventInfo1.deltaX, 0);
-		expect(scrollBySpy).toHaveBeenNthCalledWith(2, eventInfo2.deltaX, 0);
-	});
-
-	it("should scroll the tabs on a touch move", async () => {
-		const { container } = render(Tabs, baseOptions);
-		const tabsList = getAsHTMLElement(container, ".dusk-tabs-list");
-		const touchStartInfo = { targetTouches: [{ clientX: 10 }] };
-		const touchMoveInfo = { targetTouches: [{ clientX: 100 }] };
-
-		// "magic number" calculated with the current algorithm
-		const expectedScrollX = -54;
-
-		await fireEvent.touchStart(tabsList, touchStartInfo);
-		await fireEvent.touchMove(tabsList, touchMoveInfo);
-
-		expect(scrollBySpy).toHaveBeenCalledTimes(1);
-		expect(scrollBySpy).toHaveBeenCalledWith(expectedScrollX, 0);
-	});
+    tabsListGetRectSpy.mockRestore();
+    firstTabGetRectSpy.mockRestore();
+    lastTabGetRectSpy.mockRestore();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Textbox.spec.js b/src/lib/dusk/components/__tests__/Textbox.spec.js
index ede754ee..dbf17b08 100644
--- a/src/lib/dusk/components/__tests__/Textbox.spec.js
+++ b/src/lib/dusk/components/__tests__/Textbox.spec.js
@@ -1,121 +1,116 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
 
 import { Textbox } from "..";
 
 describe("Textbox", () => {
-	const baseProps = {};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render a Textbox of type \"text\" as a default", () => {
-		const { container } = render(Textbox, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render a Textbox component of the desired type", () => {
-		[
-			"email",
-			"hidden",
-			"multiline",
-			"number",
-			"password",
-			"search",
-			"tel",
-			"text",
-			"url"
-		].forEach(type => {
-			const props = {
-				...baseProps,
-				type
-			};
-			const { container } = render(Textbox, { ...baseOptions, props });
-
-			expect(container.firstChild).toMatchSnapshot();
-
-			cleanup();
-		});
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id",
-			value: "some textbox text"
-		};
-		const { container } = render(Textbox, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should change value before forwarding the `input` event", async () => {
-		const initialValue = "some textbox text";
-		const newValue = "new value";
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			id: "some-id",
-			value: initialValue
-		};
-
-		const changeHandler = vi.fn();
-
-		const { component, getByRole } = render(Textbox, { ...baseOptions, props });
-
-		const input = getByRole("textbox");
-
-		expect(input).toHaveValue(initialValue);
-
-		component.$on("input", changeHandler);
-
-		await fireEvent.input(input, { target: { value: newValue } });
-
-		expect(input).toHaveValue(newValue);
-
-		expect(changeHandler).toHaveBeenCalledTimes(1);
-		expect(changeHandler).toHaveBeenCalledWith(expect.objectContaining({
-			target: expect.objectContaining({ value: newValue })
-		}));
-	});
-
-	it("should expose a method to give focus to the rendered element", () => {
-		const { component, getByRole } = render(Textbox, baseOptions);
-		const input = getByRole("textbox");
-
-		component.focus();
-
-		expect(input).toHaveFocus();
-	});
-
-	it("should expose a method to select the element's text", () => {
-		const props = {
-			...baseProps,
-			value: "some input text"
-		};
-		const { component, getByRole } = render(Textbox, { ...baseOptions, props });
-
-		// eslint-disable-next-line no-extra-parens
-		const input = /** @type {HTMLInputElement} */ (getByRole("textbox"));
-
-		component.select();
-
-		const selectedText = input.value.substring(
-			Number(input.selectionStart),
-			Number(input.selectionEnd)
-		);
-
-		expect(selectedText).toBe(props.value);
-	});
+  const baseProps = {};
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it('should render a Textbox of type "text" as a default', () => {
+    const { container } = render(Textbox, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render a Textbox component of the desired type", () => {
+    [
+      "email",
+      "hidden",
+      "multiline",
+      "number",
+      "password",
+      "search",
+      "tel",
+      "text",
+      "url",
+    ].forEach((type) => {
+      const props = {
+        ...baseProps,
+        type,
+      };
+      const { container } = render(Textbox, { ...baseOptions, props });
+
+      expect(container.firstChild).toMatchSnapshot();
+
+      cleanup();
+    });
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+      value: "some textbox text",
+    };
+    const { container } = render(Textbox, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should change value before forwarding the `input` event", async () => {
+    const initialValue = "some textbox text";
+    const newValue = "new value";
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      id: "some-id",
+      value: initialValue,
+    };
+
+    const changeHandler = vi.fn();
+
+    const { component, getByRole } = render(Textbox, { ...baseOptions, props });
+
+    const input = getByRole("textbox");
+
+    expect(input).toHaveValue(initialValue);
+
+    component.$on("input", changeHandler);
+
+    await fireEvent.input(input, { target: { value: newValue } });
+
+    expect(input).toHaveValue(newValue);
+
+    expect(changeHandler).toHaveBeenCalledTimes(1);
+    expect(changeHandler).toHaveBeenCalledWith(
+      expect.objectContaining({
+        target: expect.objectContaining({ value: newValue }),
+      })
+    );
+  });
+
+  it("should expose a method to give focus to the rendered element", () => {
+    const { component, getByRole } = render(Textbox, baseOptions);
+    const input = getByRole("textbox");
+
+    component.focus();
+
+    expect(input).toHaveFocus();
+  });
+
+  it("should expose a method to select the element's text", () => {
+    const props = {
+      ...baseProps,
+      value: "some input text",
+    };
+    const { component, getByRole } = render(Textbox, { ...baseOptions, props });
+
+    const input = /** @type {HTMLInputElement} */ (getByRole("textbox"));
+
+    component.select();
+
+    const selectedText = input.value.substring(
+      Number(input.selectionStart),
+      Number(input.selectionEnd)
+    );
+
+    expect(selectedText).toBe(props.value);
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Throbber.spec.js b/src/lib/dusk/components/__tests__/Throbber.spec.js
index 01a7383a..5270afb1 100644
--- a/src/lib/dusk/components/__tests__/Throbber.spec.js
+++ b/src/lib/dusk/components/__tests__/Throbber.spec.js
@@ -1,46 +1,41 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 
 import { Throbber } from "..";
 
 describe("Throbber", () => {
-	const baseProps = {};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	afterEach(cleanup);
-
-	it("should render the Throbber component", () => {
-		const { container } = render(Throbber, baseOptions);
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should pass additional class names to the rendered element", () => {
-		const props = {
-			...baseProps,
-			className: "foo bar"
-		};
-		const { container } = render(Throbber, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should accept a custom duration and size", () => {
-		const props = {
-			...baseProps,
-			duration: 500,
-			size: 16
-		};
-		const { container } = render(Throbber, { ...baseOptions, props });
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  const baseProps = {};
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  afterEach(cleanup);
+
+  it("should render the Throbber component", () => {
+    const { container } = render(Throbber, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should pass additional class names to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+    };
+    const { container } = render(Throbber, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should accept a custom duration and size", () => {
+    const props = {
+      ...baseProps,
+      duration: 500,
+      size: 16,
+    };
+    const { container } = render(Throbber, { ...baseOptions, props });
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Toast.spec.js b/src/lib/dusk/components/__tests__/Toast.spec.js
index 516987c8..4fabbcd9 100644
--- a/src/lib/dusk/components/__tests__/Toast.spec.js
+++ b/src/lib/dusk/components/__tests__/Toast.spec.js
@@ -1,11 +1,4 @@
-import {
-	afterAll,
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import { get } from "svelte/store";
 import { fly } from "svelte/transition";
@@ -17,156 +10,168 @@ import { toast, toastList } from "../Toast/store";
 vi.mock("svelte/transition");
 
 describe("Toast", () => {
-	const baseProps = {
-		flyDuration: 500,
-		timer: 2000
-	};
-
-	/** @param {HTMLElement} list */
-	const getToastItems = list => list.querySelectorAll(".dusk-toast__item");
-
-	vi.useFakeTimers();
-
-	afterEach(() => {
-		vi.mocked(fly).mockClear();
-		cleanup();
-	});
-
-	afterAll(() => {
-		vi.doUnmock("svelte/transition");
-	});
-
-	it("should render and dismiss the Toast component with the correct properties", async () => {
-		const { getByRole } = render(Toast, baseProps);
-		const list = getByRole("list");
-
-		expect(get(toastList).length).toBe(0);
-		expect(getToastItems(list).length).toBe(0);
-		expect(fly).not.toHaveBeenCalled();
-
-		toast("success", "Render Toast 1", mdiAlertOutline);
-
-		await vi.advanceTimersToNextTimerAsync();
-
-		const items = getToastItems(list);
-		const toastStoredList = get(toastList);
-
-		expect(toastStoredList.length).toBe(1);
-		expect(toastStoredList[0]).toStrictEqual({
-			icon: mdiAlertOutline,
-			id: expect.any(String),
-			message: "Render Toast 1",
-			type: "success"
-		});
-		expect(items.length).toBe(1);
-		expect(items[0]).toHaveTextContent("Render Toast 1");
-		expect(items[0].querySelector(".dusk-toast__item-icon-wrapper--success")).toBeDefined();
-		expect(items[0].querySelector(`path[d="${mdiAlertOutline}"]`)).toBeDefined();
-		expect(fly).toHaveBeenCalledTimes(1);
-		expect(fly).toHaveBeenCalledWith(
-			items[0],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "in" }
-		);
-		expect(list).toMatchSnapshot();
-
-		await vi.advanceTimersByTimeAsync(baseProps.timer);
-
-		expect(get(toastList).length).toBe(0);
-		expect(fly).toHaveBeenCalledTimes(2);
-		expect(fly).toHaveBeenNthCalledWith(
-			2,
-			items[0],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "out" }
-		);
-	});
-
-	it("should render the Toast component with the correct custom class and rest props", async () => {
-		const customProps = {
-			"flyDuration": 500,
-			"timer": 2000,
-			"className": "test-toast",
-			"id": "toast-container",
-			"data-baz": "baz"
-		};
-
-		const { getByRole } = render(Toast, customProps);
-		const list = getByRole("list");
-
-		expect(list).toHaveClass(`${customProps.className}`);
-		expect(list).toHaveAttribute("id", customProps.id);
-		expect(list).toHaveAttribute("data-baz", customProps["data-baz"]);
-
-		expect(list).toMatchSnapshot();
-	});
-
-	it("should render and dismiss 2 Toasts", async () => {
-		const { getByRole } = render(Toast, baseProps);
-		const list = getByRole("list");
-
-		expect(get(toastList).length).toBe(0);
-		expect(getToastItems(list).length).toBe(0);
-		expect(fly).not.toHaveBeenCalled();
-
-		toast("success", "Render Toast 1", mdiAlertOutline);
-		toast("info", "Render Toast 2", mdiAlertOutline);
-
-		await vi.advanceTimersToNextTimerAsync();
-
-		const items = getToastItems(list);
-		const toastStoredList = get(toastList);
-
-		expect(toastStoredList.length).toBe(2);
-		expect(toastStoredList[0]).toStrictEqual({
-			icon: mdiAlertOutline,
-			id: expect.any(String),
-			message: "Render Toast 1",
-			type: "success"
-		});
-		expect(toastStoredList[1]).toStrictEqual({
-			icon: mdiAlertOutline,
-			id: expect.any(String),
-			message: "Render Toast 2",
-			type: "info"
-		});
-		expect(items.length).toBe(2);
-		expect(items[0]).toHaveTextContent("Render Toast 1");
-		expect(items[0].querySelector(".dusk-toast__item-icon-wrapper--success")).toBeDefined();
-		expect(items[0].querySelector(`path[d="${mdiAlertOutline}"]`)).toBeDefined();
-
-		expect(items[1]).toHaveTextContent("Render Toast 2");
-		expect(items[1].querySelector(".dusk-toast__item-icon-wrapper--info")).toBeDefined();
-		expect(items[1].querySelector(`path[d="${mdiAlertOutline}"]`)).toBeDefined();
-
-		expect(fly).toHaveBeenCalledTimes(2);
-		expect(fly).toHaveBeenCalledWith(
-			items[0],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "in" }
-		);
-		expect(fly).toHaveBeenCalledWith(
-			items[1],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "in" }
-		);
-		expect(list).toMatchSnapshot();
-
-		await vi.advanceTimersByTimeAsync(baseProps.timer);
-
-		expect(get(toastList).length).toBe(0);
-		expect(fly).toHaveBeenCalledTimes(4);
-		expect(fly).toHaveBeenNthCalledWith(
-			3,
-			items[0],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "out" }
-		);
-		expect(fly).toHaveBeenNthCalledWith(
-			4,
-			items[1],
-			expect.objectContaining({ duration: baseProps.flyDuration }),
-			{ direction: "out" }
-		);
-	});
+  const baseProps = {
+    flyDuration: 500,
+    timer: 2000,
+  };
+
+  /** @param {HTMLElement} list */
+  const getToastItems = (list) => list.querySelectorAll(".dusk-toast__item");
+
+  vi.useFakeTimers();
+
+  afterEach(() => {
+    vi.mocked(fly).mockClear();
+    cleanup();
+  });
+
+  afterAll(() => {
+    vi.doUnmock("svelte/transition");
+  });
+
+  it("should render and dismiss the Toast component with the correct properties", async () => {
+    const { getByRole } = render(Toast, baseProps);
+    const list = getByRole("list");
+
+    expect(get(toastList).length).toBe(0);
+    expect(getToastItems(list).length).toBe(0);
+    expect(fly).not.toHaveBeenCalled();
+
+    toast("success", "Render Toast 1", mdiAlertOutline);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const items = getToastItems(list);
+    const toastStoredList = get(toastList);
+
+    expect(toastStoredList.length).toBe(1);
+    expect(toastStoredList[0]).toStrictEqual({
+      icon: mdiAlertOutline,
+      id: expect.any(String),
+      message: "Render Toast 1",
+      type: "success",
+    });
+    expect(items.length).toBe(1);
+    expect(items[0]).toHaveTextContent("Render Toast 1");
+    expect(
+      items[0].querySelector(".dusk-toast__item-icon-wrapper--success")
+    ).toBeDefined();
+    expect(
+      items[0].querySelector(`path[d="${mdiAlertOutline}"]`)
+    ).toBeDefined();
+    expect(fly).toHaveBeenCalledTimes(1);
+    expect(fly).toHaveBeenCalledWith(
+      items[0],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "in" }
+    );
+    expect(list).toMatchSnapshot();
+
+    await vi.advanceTimersByTimeAsync(baseProps.timer);
+
+    expect(get(toastList).length).toBe(0);
+    expect(fly).toHaveBeenCalledTimes(2);
+    expect(fly).toHaveBeenNthCalledWith(
+      2,
+      items[0],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "out" }
+    );
+  });
+
+  it("should render the Toast component with the correct custom class and rest props", async () => {
+    const customProps = {
+      className: "test-toast",
+      "data-baz": "baz",
+      flyDuration: 500,
+      id: "toast-container",
+      timer: 2000,
+    };
+
+    const { getByRole } = render(Toast, customProps);
+    const list = getByRole("list");
+
+    expect(list).toHaveClass(`${customProps.className}`);
+    expect(list).toHaveAttribute("id", customProps.id);
+    expect(list).toHaveAttribute("data-baz", customProps["data-baz"]);
+
+    expect(list).toMatchSnapshot();
+  });
+
+  it("should render and dismiss 2 Toasts", async () => {
+    const { getByRole } = render(Toast, baseProps);
+    const list = getByRole("list");
+
+    expect(get(toastList).length).toBe(0);
+    expect(getToastItems(list).length).toBe(0);
+    expect(fly).not.toHaveBeenCalled();
+
+    toast("success", "Render Toast 1", mdiAlertOutline);
+    toast("info", "Render Toast 2", mdiAlertOutline);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    const items = getToastItems(list);
+    const toastStoredList = get(toastList);
+
+    expect(toastStoredList.length).toBe(2);
+    expect(toastStoredList[0]).toStrictEqual({
+      icon: mdiAlertOutline,
+      id: expect.any(String),
+      message: "Render Toast 1",
+      type: "success",
+    });
+    expect(toastStoredList[1]).toStrictEqual({
+      icon: mdiAlertOutline,
+      id: expect.any(String),
+      message: "Render Toast 2",
+      type: "info",
+    });
+    expect(items.length).toBe(2);
+    expect(items[0]).toHaveTextContent("Render Toast 1");
+    expect(
+      items[0].querySelector(".dusk-toast__item-icon-wrapper--success")
+    ).toBeDefined();
+    expect(
+      items[0].querySelector(`path[d="${mdiAlertOutline}"]`)
+    ).toBeDefined();
+
+    expect(items[1]).toHaveTextContent("Render Toast 2");
+    expect(
+      items[1].querySelector(".dusk-toast__item-icon-wrapper--info")
+    ).toBeDefined();
+    expect(
+      items[1].querySelector(`path[d="${mdiAlertOutline}"]`)
+    ).toBeDefined();
+
+    expect(fly).toHaveBeenCalledTimes(2);
+    expect(fly).toHaveBeenCalledWith(
+      items[0],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "in" }
+    );
+    expect(fly).toHaveBeenCalledWith(
+      items[1],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "in" }
+    );
+    expect(list).toMatchSnapshot();
+
+    await vi.advanceTimersByTimeAsync(baseProps.timer);
+
+    expect(get(toastList).length).toBe(0);
+    expect(fly).toHaveBeenCalledTimes(4);
+    expect(fly).toHaveBeenNthCalledWith(
+      3,
+      items[0],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "out" }
+    );
+    expect(fly).toHaveBeenNthCalledWith(
+      4,
+      items[1],
+      expect.objectContaining({ duration: baseProps.flyDuration }),
+      { direction: "out" }
+    );
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Tooltip.spec.js b/src/lib/dusk/components/__tests__/Tooltip.spec.js
index 712ce44d..d0ed1b8f 100644
--- a/src/lib/dusk/components/__tests__/Tooltip.spec.js
+++ b/src/lib/dusk/components/__tests__/Tooltip.spec.js
@@ -1,11 +1,11 @@
 import {
-	afterAll,
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
 import { computePosition, offset as setOffset } from "@floating-ui/dom";
 import { cleanup, fireEvent, render } from "@testing-library/svelte";
@@ -17,586 +17,666 @@ vi.mock("@floating-ui/dom");
 vi.useFakeTimers();
 
 /** @param {Record<string, string>} dataset */
-function createEventTarget (dataset) {
-	const target = document.createElement("div");
+function createEventTarget(dataset) {
+  const target = document.createElement("div");
 
-	Object.keys(dataset).forEach(key => {
-		target.dataset[key] = dataset[key];
-	});
+  Object.keys(dataset).forEach((key) => {
+    target.dataset[key] = dataset[key];
+  });
 
-	return document.body.appendChild(target);
+  return document.body.appendChild(target);
 }
 
 describe("Tooltip", () => {
-	/** @type {import("svelte").ComponentProps<Tooltip>} */
-	const baseProps = {
-		defaultDelayHide: 300,
-		defaultDelayShow: 500,
-		defaultOffset: 12,
-		defaultPlace: "bottom",
-		defaultType: "success",
-		id: "tooltip-id"
-	};
-	const baseOptions = {
-		props: baseProps,
-		target: document.body
-	};
-
-	/** @type {import("@floating-ui/dom").ComputePositionReturn} */
-	const defaultComputedPosition = {
-		middlewareData: {},
-		placement: "left",
-		strategy: "fixed",
-		x: 999,
-		y: 888
-	};
-
-	const clearTimeoutSpy = vi.spyOn(window, "clearTimeout");
-	const disconnectSpy = vi.spyOn(IntersectionObserver.prototype, "disconnect");
-	const observeSpy = vi.spyOn(IntersectionObserver.prototype, "observe");
-	const unobserveSpy = vi.spyOn(IntersectionObserver.prototype, "unobserve");
-
-	vi.mocked(computePosition).mockResolvedValue(defaultComputedPosition);
-
-	afterEach(() => {
-		cleanup();
-		vi.mocked(computePosition).mockClear();
-		vi.mocked(setOffset).mockClear();
-		vi.mocked(IntersectionObserver).mockClear();
-		clearTimeoutSpy.mockClear();
-		disconnectSpy.mockClear();
-		observeSpy.mockClear();
-		unobserveSpy.mockClear();
-	});
-
-	afterAll(() => {
-		vi.doUnmock("@floating-ui/dom");
-		clearTimeoutSpy.mockRestore();
-		disconnectSpy.mockRestore();
-		observeSpy.mockRestore();
-		unobserveSpy.mockRestore();
-	});
-
-	it("should render the Tooltip component", () => {
-		const { getByRole } = render(Tooltip, baseOptions);
-
-		expect(getByRole("tooltip", { hidden: true })).toMatchSnapshot();
-	});
-
-	it("should disconnect the Intersection Observer when unmounting", () => {
-		const { unmount } = render(Tooltip, baseOptions);
-
-		unmount();
-
-		expect(disconnectSpy).toHaveBeenCalledTimes(1);
-	});
-
-	it("should pass additional class names and attributes to the rendered element", () => {
-		const props = {
-			...baseProps,
-			"className": "foo bar",
-			"data-baz": "baz"
-		};
-		const { getByRole } = render(Tooltip, { ...baseOptions, props });
-		const tooltip = getByRole("tooltip", { hidden: true });
-
-		expect(tooltip).toHaveClass("foo bar");
-		expect(tooltip).toHaveAttribute("data-baz", "baz");
-		expect(tooltip).toMatchSnapshot();
-	});
-
-	it("shouldn't allow overwriting the `left` and `top` style rules", () => {
-		const expectedStyle = "color: red; left: 0px; top: 0px;";
-		const props = {
-			...baseProps,
-			className: "foo bar",
-			style: "color: red; left: 99px; top: 99px"
-		};
-		const { getByRole } = render(Tooltip, { ...baseOptions, props });
-
-		expect(getByRole("tooltip", { hidden: true }).getAttribute("style")).toBe(expectedStyle);
-	});
-
-	it("should add event listeners to the document body when mounting and remove them when unmounting", () => {
-		const addListenerSpy = vi.spyOn(document.body, "addEventListener");
-		const removeListenerSpy = vi.spyOn(document.body, "removeEventListener");
-		const { unmount } = render(Tooltip, baseOptions);
-		const handlers = addListenerSpy.mock.calls.map(call => call[1]);
-
-		expect(addListenerSpy).toHaveBeenCalledTimes(5);
-		expect(addListenerSpy).toHaveBeenNthCalledWith(1, "focusin", expect.any(Function), true);
-		expect(addListenerSpy).toHaveBeenNthCalledWith(2, "focusout", expect.any(Function), true);
-		expect(addListenerSpy).toHaveBeenNthCalledWith(3, "keydown", expect.any(Function), true);
-		expect(addListenerSpy).toHaveBeenNthCalledWith(4, "mouseenter", expect.any(Function), true);
-		expect(addListenerSpy).toHaveBeenNthCalledWith(5, "mouseleave", expect.any(Function), true);
-
-		unmount();
-
-		expect(removeListenerSpy).toHaveBeenCalledTimes(5);
-
-		expect(removeListenerSpy).toHaveBeenNthCalledWith(1, "focusin", handlers[0], true);
-		expect(removeListenerSpy).toHaveBeenNthCalledWith(2, "focusout", handlers[1], true);
-		expect(removeListenerSpy).toHaveBeenNthCalledWith(3, "keydown", handlers[2], true);
-		expect(removeListenerSpy).toHaveBeenNthCalledWith(4, "mouseenter", handlers[3], true);
-		expect(removeListenerSpy).toHaveBeenNthCalledWith(5, "mouseleave", handlers[4], true);
-
-		addListenerSpy.mockRestore();
-		removeListenerSpy.mockRestore();
-	});
-
-	describe("Tooltip show and hide events", () => {
-		/** @type {HTMLElement} */
-		let badTarget;
-
-		/** @type {HTMLElement} */
-		let target;
-
-		const prevTooltipElement = document.body.appendChild(document.createElement("span"));
-		const dataset = { tooltipId: "tooltip-id", tooltipText: "some text" };
-
-		beforeEach(() => {
-			badTarget = createEventTarget({ tooltipId: "fake-tooltip-id" });
-			prevTooltipElement.setAttribute("aria-described-by", baseProps.id);
-			target = createEventTarget(dataset);
-		});
-
-		describe("Tooltip show events", () => {
-			it("should ignore mouse enter and focus-in events if the target element doesn't refer to the tooltip", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-
-				await fireEvent.focusIn(document.body, { target: badTarget });
-				await vi.advanceTimersToNextTimerAsync();
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(badTarget.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-
-				await fireEvent.mouseEnter(badTarget);
-				await vi.advanceTimersToNextTimerAsync();
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(badTarget.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(clearTimeoutSpy).not.toHaveBeenCalled();
-				expect(computePosition).not.toHaveBeenCalled();
-			});
-
-			it("should ignore mouse enter and focus-in events if the target element has the `data-tooltip-disabled` attribute set to `\"true\"`", async () => {
-				const disabledTarget = createEventTarget({
-					...dataset,
-					tooltipDisabled: "true"
-				});
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-
-				await fireEvent.focusIn(document.body, { target: disabledTarget });
-				await vi.advanceTimersToNextTimerAsync();
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(disabledTarget.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-
-				await fireEvent.mouseEnter(disabledTarget);
-				await vi.advanceTimersToNextTimerAsync();
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(disabledTarget.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(clearTimeoutSpy).not.toHaveBeenCalled();
-				expect(computePosition).not.toHaveBeenCalled();
-			});
-
-			it("should show the tooltip on a focus-in event if the target element refers to it and start observing target's intersection", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-
-				await fireEvent.focusIn(target);
-
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(observeSpy).toHaveBeenCalledTimes(1);
-				expect(observeSpy).toHaveBeenCalledWith(target);
-				expect(computePosition).toHaveBeenCalledTimes(1);
-				expect(computePosition).toHaveBeenCalledWith(
-					target,
-					tooltip,
-					expect.objectContaining({ placement: baseProps.defaultPlace })
-				);
-				expect(setOffset).toHaveBeenCalledTimes(1);
-				expect(setOffset).toHaveBeenCalledWith({ mainAxis: baseProps.defaultOffset });
-
-				expect(tooltip).toHaveTextContent(dataset.tooltipText);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
-			});
-
-			it("should show the tooltip on a mouse enter event if the target element refers to it and start observing target mutations", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-
-				await fireEvent.mouseEnter(target);
-
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(observeSpy).toHaveBeenCalledTimes(1);
-				expect(observeSpy).toHaveBeenCalledWith(target);
-				expect(computePosition).toHaveBeenCalledTimes(1);
-				expect(computePosition).toHaveBeenCalledWith(
-					target,
-					tooltip,
-					expect.objectContaining({ placement: baseProps.defaultPlace })
-				);
-				expect(setOffset).toHaveBeenCalledTimes(1);
-				expect(setOffset).toHaveBeenCalledWith({ mainAxis: baseProps.defaultOffset });
-
-				expect(tooltip).toHaveTextContent(dataset.tooltipText);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
-
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
-			});
-
-			it("should use attributes defined on the target element, if they are present, rather than the defaults", async () => {
-				target.setAttribute("data-tooltip-delay-show", "700");
-				target.setAttribute("data-tooltip-offset", "0");
-				target.setAttribute("data-tooltip-place", "top");
-				target.setAttribute("data-tooltip-type", "error");
-
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-
-				await fireEvent.mouseEnter(target);
-
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(computePosition).toHaveBeenCalledTimes(1);
-				expect(computePosition).toHaveBeenCalledWith(
-					target,
-					tooltip,
-					expect.objectContaining({ placement: "top" })
-				);
-				expect(setOffset).toHaveBeenCalledTimes(1);
-				expect(setOffset).toHaveBeenCalledWith({ mainAxis: 0 });
+  /** @type {import("svelte").ComponentProps<Tooltip>} */
+  const baseProps = {
+    defaultDelayHide: 300,
+    defaultDelayShow: 500,
+    defaultOffset: 12,
+    defaultPlace: "bottom",
+    defaultType: "success",
+    id: "tooltip-id",
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  /** @type {import("@floating-ui/dom").ComputePositionReturn} */
+  const defaultComputedPosition = {
+    middlewareData: {},
+    placement: "left",
+    strategy: "fixed",
+    x: 999,
+    y: 888,
+  };
+
+  const clearTimeoutSpy = vi.spyOn(window, "clearTimeout");
+  const disconnectSpy = vi.spyOn(IntersectionObserver.prototype, "disconnect");
+  const observeSpy = vi.spyOn(IntersectionObserver.prototype, "observe");
+  const unobserveSpy = vi.spyOn(IntersectionObserver.prototype, "unobserve");
+
+  vi.mocked(computePosition).mockResolvedValue(defaultComputedPosition);
+
+  afterEach(() => {
+    cleanup();
+    vi.mocked(computePosition).mockClear();
+    vi.mocked(setOffset).mockClear();
+    vi.mocked(IntersectionObserver).mockClear();
+    clearTimeoutSpy.mockClear();
+    disconnectSpy.mockClear();
+    observeSpy.mockClear();
+    unobserveSpy.mockClear();
+  });
+
+  afterAll(() => {
+    vi.doUnmock("@floating-ui/dom");
+    clearTimeoutSpy.mockRestore();
+    disconnectSpy.mockRestore();
+    observeSpy.mockRestore();
+    unobserveSpy.mockRestore();
+  });
+
+  it("should render the Tooltip component", () => {
+    const { getByRole } = render(Tooltip, baseOptions);
+
+    expect(getByRole("tooltip", { hidden: true })).toMatchSnapshot();
+  });
+
+  it("should disconnect the Intersection Observer when unmounting", () => {
+    const { unmount } = render(Tooltip, baseOptions);
+
+    unmount();
+
+    expect(disconnectSpy).toHaveBeenCalledTimes(1);
+  });
+
+  it("should pass additional class names and attributes to the rendered element", () => {
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      "data-baz": "baz",
+    };
+    const { getByRole } = render(Tooltip, { ...baseOptions, props });
+    const tooltip = getByRole("tooltip", { hidden: true });
+
+    expect(tooltip).toHaveClass("foo bar");
+    expect(tooltip).toHaveAttribute("data-baz", "baz");
+    expect(tooltip).toMatchSnapshot();
+  });
+
+  it("shouldn't allow overwriting the `left` and `top` style rules", () => {
+    const expectedStyle = "color: red; left: 0px; top: 0px;";
+    const props = {
+      ...baseProps,
+      className: "foo bar",
+      style: "color: red; left: 99px; top: 99px",
+    };
+    const { getByRole } = render(Tooltip, { ...baseOptions, props });
+
+    expect(getByRole("tooltip", { hidden: true }).getAttribute("style")).toBe(
+      expectedStyle
+    );
+  });
+
+  it("should add event listeners to the document body when mounting and remove them when unmounting", () => {
+    const addListenerSpy = vi.spyOn(document.body, "addEventListener");
+    const removeListenerSpy = vi.spyOn(document.body, "removeEventListener");
+    const { unmount } = render(Tooltip, baseOptions);
+    const handlers = addListenerSpy.mock.calls.map((call) => call[1]);
+
+    expect(addListenerSpy).toHaveBeenCalledTimes(5);
+    expect(addListenerSpy).toHaveBeenNthCalledWith(
+      1,
+      "focusin",
+      expect.any(Function),
+      true
+    );
+    expect(addListenerSpy).toHaveBeenNthCalledWith(
+      2,
+      "focusout",
+      expect.any(Function),
+      true
+    );
+    expect(addListenerSpy).toHaveBeenNthCalledWith(
+      3,
+      "keydown",
+      expect.any(Function),
+      true
+    );
+    expect(addListenerSpy).toHaveBeenNthCalledWith(
+      4,
+      "mouseenter",
+      expect.any(Function),
+      true
+    );
+    expect(addListenerSpy).toHaveBeenNthCalledWith(
+      5,
+      "mouseleave",
+      expect.any(Function),
+      true
+    );
+
+    unmount();
+
+    expect(removeListenerSpy).toHaveBeenCalledTimes(5);
+
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      1,
+      "focusin",
+      handlers[0],
+      true
+    );
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      2,
+      "focusout",
+      handlers[1],
+      true
+    );
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      3,
+      "keydown",
+      handlers[2],
+      true
+    );
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      4,
+      "mouseenter",
+      handlers[3],
+      true
+    );
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      5,
+      "mouseleave",
+      handlers[4],
+      true
+    );
+
+    addListenerSpy.mockRestore();
+    removeListenerSpy.mockRestore();
+  });
+
+  describe("Tooltip show and hide events", () => {
+    /** @type {HTMLElement} */
+    let badTarget;
+
+    /** @type {HTMLElement} */
+    let target;
+
+    const prevTooltipElement = document.body.appendChild(
+      document.createElement("span")
+    );
+    const dataset = { tooltipId: "tooltip-id", tooltipText: "some text" };
+
+    beforeEach(() => {
+      badTarget = createEventTarget({ tooltipId: "fake-tooltip-id" });
+      prevTooltipElement.setAttribute("aria-described-by", baseProps.id);
+      target = createEventTarget(dataset);
+    });
+
+    describe("Tooltip show events", () => {
+      it("should ignore mouse enter and focus-in events if the target element doesn't refer to the tooltip", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+
+        await fireEvent.focusIn(document.body, { target: badTarget });
+        await vi.advanceTimersToNextTimerAsync();
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(badTarget.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await fireEvent.mouseEnter(badTarget);
+        await vi.advanceTimersToNextTimerAsync();
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(badTarget.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+        expect(clearTimeoutSpy).not.toHaveBeenCalled();
+        expect(computePosition).not.toHaveBeenCalled();
+      });
+
+      it('should ignore mouse enter and focus-in events if the target element has the `data-tooltip-disabled` attribute set to `"true"`', async () => {
+        const disabledTarget = createEventTarget({
+          ...dataset,
+          tooltipDisabled: "true",
+        });
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+
+        await fireEvent.focusIn(document.body, { target: disabledTarget });
+        await vi.advanceTimersToNextTimerAsync();
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(disabledTarget.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await fireEvent.mouseEnter(disabledTarget);
+        await vi.advanceTimersToNextTimerAsync();
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(disabledTarget.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+        expect(clearTimeoutSpy).not.toHaveBeenCalled();
+        expect(computePosition).not.toHaveBeenCalled();
+      });
+
+      it("should show the tooltip on a focus-in event if the target element refers to it and start observing target's intersection", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+
+        await fireEvent.focusIn(target);
+
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(observeSpy).toHaveBeenCalledTimes(1);
+        expect(observeSpy).toHaveBeenCalledWith(target);
+        expect(computePosition).toHaveBeenCalledTimes(1);
+        expect(computePosition).toHaveBeenCalledWith(
+          target,
+          tooltip,
+          expect.objectContaining({ placement: baseProps.defaultPlace })
+        );
+        expect(setOffset).toHaveBeenCalledTimes(1);
+        expect(setOffset).toHaveBeenCalledWith({
+          mainAxis: baseProps.defaultOffset,
+        });
+
+        expect(tooltip).toHaveTextContent(dataset.tooltipText);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
+      });
+
+      it("should show the tooltip on a mouse enter event if the target element refers to it and start observing target mutations", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+
+        await fireEvent.mouseEnter(target);
+
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(observeSpy).toHaveBeenCalledTimes(1);
+        expect(observeSpy).toHaveBeenCalledWith(target);
+        expect(computePosition).toHaveBeenCalledTimes(1);
+        expect(computePosition).toHaveBeenCalledWith(
+          target,
+          tooltip,
+          expect.objectContaining({ placement: baseProps.defaultPlace })
+        );
+        expect(setOffset).toHaveBeenCalledTimes(1);
+        expect(setOffset).toHaveBeenCalledWith({
+          mainAxis: baseProps.defaultOffset,
+        });
+
+        expect(tooltip).toHaveTextContent(dataset.tooltipText);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
+      });
+
+      it("should use attributes defined on the target element, if they are present, rather than the defaults", async () => {
+        target.setAttribute("data-tooltip-delay-show", "700");
+        target.setAttribute("data-tooltip-offset", "0");
+        target.setAttribute("data-tooltip-place", "top");
+        target.setAttribute("data-tooltip-type", "error");
+
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+
+        await fireEvent.mouseEnter(target);
+
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(computePosition).toHaveBeenCalledTimes(1);
+        expect(computePosition).toHaveBeenCalledWith(
+          target,
+          tooltip,
+          expect.objectContaining({ placement: "top" })
+        );
+        expect(setOffset).toHaveBeenCalledTimes(1);
+        expect(setOffset).toHaveBeenCalledWith({ mainAxis: 0 });
+
+        expect(tooltip).toHaveTextContent(dataset.tooltipText);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
+
+        expect(tooltip).toHaveTextContent(dataset.tooltipText);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(
+          baseProps.id
+        );
+
+        await vi.advanceTimersByTimeAsync(
+          700 - Number(baseProps.defaultDelayShow)
+        );
+
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(tooltip).toHaveClass("dusk-tooltip-error");
+        expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(tooltip).toHaveTextContent(dataset.tooltipText);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
+      it("should not wait for a delay before showing if the value is zero", async () => {
+        target.setAttribute("data-tooltip-delay-show", "0");
 
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				expect(tooltip).toHaveTextContent(dataset.tooltipText);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBe(baseProps.id);
+        await fireEvent.mouseEnter(target);
+        await tick();
 
-				await vi.advanceTimersByTimeAsync(700 - Number(baseProps.defaultDelayShow));
+        expect(tooltip).toHaveTextContent(dataset.tooltipText);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
+        expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(tooltip).toHaveClass("dusk-tooltip-error");
-				expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
-			});
+      it("should not show the tooltip after the delay if the target element doesn't exist anymore", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-			it("should not wait for a delay before showing if the value is zero", async () => {
-				target.setAttribute("data-tooltip-delay-show", "0");
+        await fireEvent.mouseEnter(target);
 
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(observeSpy).toHaveBeenCalledTimes(1);
+        expect(computePosition).toHaveBeenCalledTimes(1);
+        expect(setOffset).toHaveBeenCalledTimes(1);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
 
-				await fireEvent.mouseEnter(target);
-				await tick();
+        target.remove();
 
-				expect(tooltip).toHaveTextContent(dataset.tooltipText);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(target.getAttribute("aria-described-by")).toBe(baseProps.id);
-				expect(prevTooltipElement.getAttribute("aria-described-by")).toBeNull();
-			});
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
 
-			it("should not show the tooltip after the delay if the target element doesn't exist anymore", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
+    });
 
-				await fireEvent.mouseEnter(target);
+    describe("Tooltip hide events", () => {
+      it("should ignore mouse leave and focus-out events if the target element doesn't refer to the tooltip", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(observeSpy).toHaveBeenCalledTimes(1);
-				expect(computePosition).toHaveBeenCalledTimes(1);
-				expect(setOffset).toHaveBeenCalledTimes(1);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        await fireEvent.mouseEnter(document.body, { target });
+        await vi.advanceTimersToNextTimerAsync();
 
-				target.remove();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayShow));
+        await fireEvent.focusOut(document.body, { target: badTarget });
+        await vi.advanceTimersToNextTimerAsync();
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
-		});
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-		describe("Tooltip hide events", () => {
-			it("should ignore mouse leave and focus-out events if the target element doesn't refer to the tooltip", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        await fireEvent.mouseLeave(document.body, { target: badTarget });
+        await vi.advanceTimersToNextTimerAsync();
 
-				await fireEvent.mouseEnter(document.body, { target });
-				await vi.advanceTimersToNextTimerAsync();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(unobserveSpy).not.toHaveBeenCalled();
+      });
 
-				await fireEvent.focusOut(document.body, { target: badTarget });
-				await vi.advanceTimersToNextTimerAsync();
+      it("should hide the tooltip on a focus-out event if the target element refers to it", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				await fireEvent.mouseLeave(document.body, { target: badTarget });
-				await vi.advanceTimersToNextTimerAsync();
+        clearTimeoutSpy.mockClear();
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(unobserveSpy).not.toHaveBeenCalled();
-			});
+        await fireEvent.focusOut(target);
 
-			it("should hide the tooltip on a focus-out event if the target element refers to it", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledWith(target);
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
 
-				clearTimeoutSpy.mockClear();
+        expect(tooltip).toHaveTextContent("");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("should hide the tooltip on a mouse leave event if the target element refers to it", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				await fireEvent.focusOut(target);
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledWith(target);
+        clearTimeoutSpy.mockClear();
 
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(tooltip).toHaveTextContent("");
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
+        await fireEvent.mouseLeave(target);
 
-			it("should hide the tooltip on a mouse leave event if the target element refers to it", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledWith(target);
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
 
-				clearTimeoutSpy.mockClear();
+        expect(tooltip).toHaveTextContent("");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("should use the hide delay on the target element, if present, rather than the default", async () => {
+        target.setAttribute("data-tooltip-delay-hide", "700");
 
-				await fireEvent.mouseLeave(target);
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledWith(target);
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
+        clearTimeoutSpy.mockClear();
 
-				expect(tooltip).toHaveTextContent("");
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-			it("should use the hide delay on the target element, if present, rather than the default", async () => {
-				target.setAttribute("data-tooltip-delay-hide", "700");
+        await fireEvent.mouseLeave(target);
 
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledWith(target);
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
 
-				clearTimeoutSpy.mockClear();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        await vi.advanceTimersByTimeAsync(
+          700 - Number(baseProps.defaultDelayHide)
+        );
 
-				await fireEvent.mouseLeave(target);
+        expect(tooltip).toHaveTextContent("");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledWith(target);
+      it("should not wait for a delay before hiding if the value is zero", async () => {
+        target.setAttribute("data-tooltip-delay-hide", "0");
 
-				await vi.advanceTimersByTimeAsync(Number(baseProps.defaultDelayHide));
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				await vi.advanceTimersByTimeAsync(700 - Number(baseProps.defaultDelayHide));
+        clearTimeoutSpy.mockClear();
 
-				expect(tooltip).toHaveTextContent("");
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-			it("should not wait for a delay before hiding if the value is zero", async () => {
-				target.setAttribute("data-tooltip-delay-hide", "0");
+        await fireEvent.mouseLeave(target);
+        await tick();
 
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledWith(target);
+        expect(tooltip).toHaveTextContent("");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+      it("should hide the tooltip if the user presses the escape key", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
 
-				clearTimeoutSpy.mockClear();
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        clearTimeoutSpy.mockClear();
 
-				await fireEvent.mouseLeave(target);
-				await tick();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledWith(target);
-				expect(tooltip).toHaveTextContent("");
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
+        await fireEvent.keyDown(target, { key: "a" });
+        await vi.advanceTimersToNextTimerAsync();
 
-			it("should hide the tooltip if the user presses the escape key", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
+        expect(clearTimeoutSpy).not.toHaveBeenCalled();
+        expect(unobserveSpy).not.toHaveBeenCalled();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await fireEvent.keyDown(target, { key: "Escape" });
+        await vi.advanceTimersToNextTimerAsync();
 
-				clearTimeoutSpy.mockClear();
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledTimes(1);
+        expect(unobserveSpy).toHaveBeenCalledWith(target);
+        expect(tooltip).toHaveTextContent("");
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(target.getAttribute("aria-described-by")).toBeNull();
+      });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("should hide the tooltip if the target element is detached from the DOM and disconnect the observer", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+        const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
 
-				await fireEvent.keyDown(target, { key: "a" });
-				await vi.advanceTimersToNextTimerAsync();
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				expect(clearTimeoutSpy).not.toHaveBeenCalled();
-				expect(unobserveSpy).not.toHaveBeenCalled();
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        clearTimeoutSpy.mockClear();
 
-				await fireEvent.keyDown(target, { key: "Escape" });
-				await vi.advanceTimersToNextTimerAsync();
+        expect(target.isConnected).toBe(true);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledTimes(1);
-				expect(unobserveSpy).toHaveBeenCalledWith(target);
-				expect(tooltip).toHaveTextContent("");
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(target.getAttribute("aria-described-by")).toBeNull();
-			});
+        target.remove();
 
-			it("should hide the tooltip if the target element is detached from the DOM and disconnect the observer", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-				const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
+        // @ts-ignore
+        callback([{ target }], new IntersectionObserver(() => {}));
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await tick();
 
-				clearTimeoutSpy.mockClear();
+        expect(target.isConnected).toBe(false);
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(disconnectSpy).toHaveBeenCalledTimes(1);
+      });
 
-				expect(target.isConnected).toBe(true);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("shouldn't hide the tooltip if unrelated elements are detached from the DOM", async () => {
+        const unrelatedElement = document.body.appendChild(
+          document.createElement("span")
+        );
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+        const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
 
-				target.remove();
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				// @ts-ignore
-				callback([{ target }], new IntersectionObserver(() => {}));
+        clearTimeoutSpy.mockClear();
 
-				await tick();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(target.isConnected).toBe(false);
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(disconnectSpy).toHaveBeenCalledTimes(1);
-			});
+        unrelatedElement.remove();
 
-			it("shouldn't hide the tooltip if unrelated elements are detached from the DOM", async () => {
-				const unrelatedElement = document.body.appendChild(document.createElement("span"));
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-				const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
+        // @ts-ignore
+        callback([{ target }], new IntersectionObserver(() => {}));
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await tick();
 
-				clearTimeoutSpy.mockClear();
+        expect(clearTimeoutSpy).not.toHaveBeenCalled();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(disconnectSpy).not.toHaveBeenCalled();
+      });
 
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("should hide the tooltip if the intersection ratio of the target element is less or equal to zero", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+        const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
 
-				unrelatedElement.remove();
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				// @ts-ignore
-				callback([{ target }], new IntersectionObserver(() => {}));
+        clearTimeoutSpy.mockClear();
 
-				await tick();
+        expect(target.isConnected).toBe(true);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(clearTimeoutSpy).not.toHaveBeenCalled();
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(disconnectSpy).not.toHaveBeenCalled();
-			});
+        const entries = [{ intersectionRatio: 0, target }];
 
-			it("should hide the tooltip if the intersection ratio of the target element is less or equal to zero", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-				const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
+        // @ts-ignore
+        callback(entries, new IntersectionObserver(() => {}));
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await tick();
 
-				clearTimeoutSpy.mockClear();
+        expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+        expect(tooltip.getAttribute("aria-hidden")).toBe("true");
+        expect(disconnectSpy).toHaveBeenCalledTimes(1);
+      });
 
-				expect(target.isConnected).toBe(true);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+      it("shouldn't hide the tooltip if the intersection ration of the target is greater than zero", async () => {
+        const { getByRole } = render(Tooltip, baseOptions);
+        const tooltip = getByRole("tooltip", { hidden: true });
+        const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
 
-				const entries = [{ target, intersectionRatio: 0 }];
+        await fireEvent.focusIn(target);
+        await vi.advanceTimersToNextTimerAsync();
 
-				// @ts-ignore
-				callback(entries, new IntersectionObserver(() => {}));
+        clearTimeoutSpy.mockClear();
 
-				await tick();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
 
-				expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-				expect(tooltip.getAttribute("aria-hidden")).toBe("true");
-				expect(disconnectSpy).toHaveBeenCalledTimes(1);
-			});
+        const entries = [{ intersectionRatio: 1, target }];
 
-			it("shouldn't hide the tooltip if the intersection ration of the target is greater than zero", async () => {
-				const { getByRole } = render(Tooltip, baseOptions);
-				const tooltip = getByRole("tooltip", { hidden: true });
-				const [callback] = vi.mocked(IntersectionObserver).mock.calls[0];
+        // @ts-ignore
+        callback(entries, new IntersectionObserver(() => {}));
 
-				await fireEvent.focusIn(target);
-				await vi.advanceTimersToNextTimerAsync();
+        await tick();
 
-				clearTimeoutSpy.mockClear();
-
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-
-				const entries = [{ target, intersectionRatio: 1 }];
-
-				// @ts-ignore
-				callback(entries, new IntersectionObserver(() => {}));
-
-				await tick();
-
-				expect(clearTimeoutSpy).not.toHaveBeenCalled();
-				expect(tooltip.getAttribute("aria-hidden")).toBe("false");
-				expect(disconnectSpy).not.toHaveBeenCalled();
-			});
-		});
-	});
+        expect(clearTimeoutSpy).not.toHaveBeenCalled();
+        expect(tooltip.getAttribute("aria-hidden")).toBe("false");
+        expect(disconnectSpy).not.toHaveBeenCalled();
+      });
+    });
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/Words.spec.js b/src/lib/dusk/components/__tests__/Words.spec.js
index 86ddc658..79eb9286 100644
--- a/src/lib/dusk/components/__tests__/Words.spec.js
+++ b/src/lib/dusk/components/__tests__/Words.spec.js
@@ -1,28 +1,22 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
-import {
-	cleanup,
-	render
-} from "@testing-library/svelte";
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
 
 import { Words } from "..";
 
 describe("Words", () => {
-	afterEach(cleanup);
+  afterEach(cleanup);
 
-	it("should render the \"Words\" component with underscores for empty string", () => {
-		const { container } = render(Words, { props: { words: ["", "", ""] } });
+  it('should render the "Words" component with underscores for empty string', () => {
+    const { container } = render(Words, { props: { words: ["", "", ""] } });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 
-	it("should render the \"Words\" component with the passed words", () => {
-		const { container } = render(Words, { props: { words: ["snow", "winter", "christmas"] } });
+  it('should render the "Words" component with the passed words', () => {
+    const { container } = render(Words, {
+      props: { words: ["snow", "winter", "christmas"] },
+    });
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Agreement.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Agreement.spec.js.snap
index f1f68670..8fbc24f7 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Agreement.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Agreement.spec.js.snap
@@ -1,26 +1,22 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Agreement > renders the Agreement component 1`] = `
-<div>
-  <div
-    class="dusk-agreement"
+<div
+  class="dusk-agreement"
+>
+  <input
+    class="dusk-checkbox"
+    id="test"
+    name="test"
+    tabindex="0"
+    type="checkbox"
+  />
+   
+  <label
+    class="dusk-agreement__label"
+    for="test"
   >
-    <input
-      class="dusk-checkbox"
-      id="test"
-      name="test"
-      tabindex="0"
-      type="checkbox"
-    />
-    <!--&lt;Checkbox&gt;-->
-     
-    <label
-      class="dusk-agreement__label"
-      for="test"
-    >
-      I agree
-    </label>
-  </div>
-  <!--&lt;Agreement&gt;-->
+    I agree
+  </label>
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Anchor.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Anchor.spec.js.snap
index 84f57ef7..084b80c8 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Anchor.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Anchor.spec.js.snap
@@ -1,34 +1,24 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Anchor > should pass additional class names and attributes to the rendered element 1`] = `
-<div>
-  <a
-    class="dusk-anchor foo bar"
-    href="https://dusk.network"
-    title="Some title"
-  >
-    <span>
-      some text
-    </span>
-  </a>
-  <!--&lt;Anchor&gt;-->
-  
-  <!--&lt;SlotContent&gt;-->
-</div>
+<a
+  class="dusk-anchor dusk-anchor--on-surface foo bar"
+  href="https://dusk.network"
+  title="Some title"
+>
+  <span>
+    some text
+  </span>
+</a>
 `;
 
 exports[`Anchor > should render the Anchor component 1`] = `
-<div>
-  <a
-    class="dusk-anchor"
-    href="https://example.com"
-  >
-    <span>
-      some text
-    </span>
-  </a>
-  <!--&lt;Anchor&gt;-->
-  
-  <!--&lt;SlotContent&gt;-->
-</div>
+<a
+  class="dusk-anchor dusk-anchor--on-surface"
+  href="https://example.com"
+>
+  <span>
+    some text
+  </span>
+</a>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/AnchorButton.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/AnchorButton.spec.js.snap
index 8f7bcd0a..14595409 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/AnchorButton.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/AnchorButton.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`AnchorButton > should add a disabled class if the related property is \`true\` 1`] = `
 <a
   aria-disabled="true"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-anchor-button--disabled"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-anchor-button--disabled"
   href="/some-url"
   tabindex="-1"
 >
@@ -19,7 +19,7 @@ exports[`AnchorButton > should add a disabled class if the related property is \
 exports[`AnchorButton > should be able to render a AnchorButton with an icon and text 1`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button-labeled"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button--labeled"
   href="/some-url"
 >
   <span
@@ -29,7 +29,7 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
   </span>
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -38,7 +38,6 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
   
 </a>
 `;
@@ -46,7 +45,7 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
 exports[`AnchorButton > should be able to render a AnchorButton with an icon and text 2`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button-labeled"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button--labeled"
   href="/some-url"
 >
   <span
@@ -56,7 +55,33 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
   </span>
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+    role="graphics-symbol"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z"
+    />
+  </svg>
+  
+  
+</a>
+`;
+
+exports[`AnchorButton > should be able to render a AnchorButton with an icon and text 3`] = `
+<a
+  aria-disabled="false"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button--labeled"
+  href="/some-url"
+>
+  <span
+    class="dusk-anchor-button__text"
+  >
+    some text
+  </span>
+   
+  <svg
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -65,7 +90,6 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
   
 </a>
 `;
@@ -73,12 +97,12 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon and
 exports[`AnchorButton > should be able to render a AnchorButton with an icon only 1`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button"
   href="/some-url"
 >
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -87,7 +111,6 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon onl
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
   
 </a>
 `;
@@ -95,12 +118,33 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon onl
 exports[`AnchorButton > should be able to render a AnchorButton with an icon only 2`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button"
+  href="/some-url"
+>
+   
+  <svg
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+    role="graphics-symbol"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z"
+    />
+  </svg>
+  
+  
+</a>
+`;
+
+exports[`AnchorButton > should be able to render a AnchorButton with an icon only 3`] = `
+<a
+  aria-disabled="false"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button"
   href="/some-url"
 >
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -109,7 +153,6 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon onl
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
   
 </a>
 `;
@@ -117,7 +160,7 @@ exports[`AnchorButton > should be able to render a AnchorButton with an icon onl
 exports[`AnchorButton > should pass additional class names and attributes to the rendered element 1`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal foo bar"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default foo bar"
   href="/some-url"
   id="some-id"
 >
@@ -133,7 +176,7 @@ exports[`AnchorButton > should pass additional class names and attributes to the
 exports[`AnchorButton > should render a AnchorButton without a text 1`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default"
   href="/some-url"
 >
   
@@ -143,7 +186,7 @@ exports[`AnchorButton > should render a AnchorButton without a text 1`] = `
 exports[`AnchorButton > should render the AnchorButton component 1`] = `
 <a
   aria-disabled="false"
-  class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal"
+  class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default"
   href="/some-url"
 >
   <span
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Badge.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Badge.spec.js.snap
index dad200ce..1bf8a427 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Badge.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Badge.spec.js.snap
@@ -1,45 +1,33 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Badge > should render the Badge component using the type "error" variant 1`] = `
-<div>
-  <span
-    class="dusk-badge dusk-badge--variant-error"
-  >
-    Badge
-  </span>
-  <!--&lt;Badge&gt;-->
-</div>
+<span
+  class="dusk-badge dusk-badge--variant-error"
+>
+  Badge
+</span>
 `;
 
 exports[`Badge > should render the Badge component using the type "neutral" as a default 1`] = `
-<div>
-  <span
-    class="dusk-badge dusk-badge--variant-neutral"
-  >
-    Badge
-  </span>
-  <!--&lt;Badge&gt;-->
-</div>
+<span
+  class="dusk-badge dusk-badge--variant-neutral"
+>
+  Badge
+</span>
 `;
 
 exports[`Badge > should render the Badge component using the type "success" variant 1`] = `
-<div>
-  <span
-    class="dusk-badge dusk-badge--variant-success"
-  >
-    Badge
-  </span>
-  <!--&lt;Badge&gt;-->
-</div>
+<span
+  class="dusk-badge dusk-badge--variant-success"
+>
+  Badge
+</span>
 `;
 
 exports[`Badge > should render the Badge component using the type "warning" variant 1`] = `
-<div>
-  <span
-    class="dusk-badge dusk-badge--variant-warning"
-  >
-    Badge
-  </span>
-  <!--&lt;Badge&gt;-->
-</div>
+<span
+  class="dusk-badge dusk-badge--variant-warning"
+>
+  Badge
+</span>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Balance.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Balance.spec.js.snap
deleted file mode 100644
index fec2367c..00000000
--- a/src/lib/dusk/components/__tests__/__snapshots__/Balance.spec.js.snap
+++ /dev/null
@@ -1,190 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Balance > renders the Balance component 1`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="2000000"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.00
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $100,000.00
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
-`;
-
-exports[`Balance > should update the Balance component when the props change 1`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="2000000"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.00
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $100,000.00
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
-`;
-
-exports[`Balance > should update the Balance component when the props change 2`] = `
-<div>
-  <article
-    class="dusk-balance"
-    token="4000000"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.00
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $200,000.00
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-    <!--&lt;Tooltip&gt;-->
-  </article>
-  <!--&lt;Balance&gt;-->
-</div>
-`;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Button.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Button.spec.js.snap
index 0ff01bf7..c0042213 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Button.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Button.spec.js.snap
@@ -1,22 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Button > should accept an active property for the toggle button type 1`] = `
-<button
-  aria-pressed="true"
-  class="dusk-button dusk-button--type--toggle dusk-button--variant--primary dusk-button--size--normal dusk-button--type--toggle--active"
-  type="button"
->
-  <span
-    class="dusk-button__text"
-  >
-    some text
-  </span>
-</button>
-`;
-
 exports[`Button > should be able to render a button with an icon and text 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal dusk-icon-button-labeled"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled"
   type="button"
 >
   <span
@@ -26,7 +12,7 @@ exports[`Button > should be able to render a button with an icon and text 1`] =
   </span>
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -35,13 +21,12 @@ exports[`Button > should be able to render a button with an icon and text 1`] =
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
 </button>
 `;
 
 exports[`Button > should be able to render a button with an icon and text 2`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal dusk-icon-button-labeled"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled"
   type="button"
 >
   <span
@@ -51,7 +36,7 @@ exports[`Button > should be able to render a button with an icon and text 2`] =
   </span>
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -60,18 +45,17 @@ exports[`Button > should be able to render a button with an icon and text 2`] =
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
 </button>
 `;
 
 exports[`Button > should be able to render a button with an icon only 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal dusk-icon-button"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button"
   type="button"
 >
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -80,18 +64,17 @@ exports[`Button > should be able to render a button with an icon only 1`] = `
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
 </button>
 `;
 
 exports[`Button > should be able to render a button with an icon only 2`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal dusk-icon-button"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button"
   type="button"
 >
    
   <svg
-    class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+    class="dusk-icon dusk-icon--size--default dusk-button__icon"
     role="graphics-symbol"
     viewBox="0 0 24 24"
   >
@@ -100,13 +83,12 @@ exports[`Button > should be able to render a button with an icon only 2`] = `
     />
   </svg>
   
-  <!--&lt;Icon&gt;-->
 </button>
 `;
 
 exports[`Button > should pass additional class names and attributes to the rendered element 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal foo bar"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default foo bar"
   id="some-id"
   type="button"
 >
@@ -120,7 +102,7 @@ exports[`Button > should pass additional class names and attributes to the rende
 
 exports[`Button > should render a button of the desired type 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 >
   <span
@@ -133,7 +115,7 @@ exports[`Button > should render a button of the desired type 1`] = `
 
 exports[`Button > should render a button of the desired type 2`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 >
   <span
@@ -146,7 +128,7 @@ exports[`Button > should render a button of the desired type 2`] = `
 
 exports[`Button > should render a button of the desired type 3`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 >
   <span
@@ -159,7 +141,7 @@ exports[`Button > should render a button of the desired type 3`] = `
 
 exports[`Button > should render a button of the desired type 4`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 >
   <span
@@ -172,14 +154,14 @@ exports[`Button > should render a button of the desired type 4`] = `
 
 exports[`Button > should render a button without a text 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 />
 `;
 
 exports[`Button > should render the Button component using the type "button" as a default 1`] = `
 <button
-  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--normal"
+  class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
   type="button"
 >
   <span
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Card.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Card.spec.js.snap
index 6427198a..953127d4 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Card.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Card.spec.js.snap
@@ -1,58 +1,13 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Card > renders the Card component with a heading 1`] = `
-<div>
+exports[`Card > renders the Card component 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+   
   <div
-    class="dusk-card"
-  >
-    <header
-      class="dusk-card__header"
-    >
-       
-      <h3
-        class="h4"
-      >
-        My Card
-      </h3>
-       
-    </header>
-     
-  </div>
-  
-  <!--&lt;Card&gt;-->
-</div>
-`;
-
-exports[`Card > renders the the Card component with an icon when iconPath is provided 1`] = `
-<div>
-  <div
-    class="dusk-card"
-  >
-    <header
-      class="dusk-card__header"
-    >
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-card__icon"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-       
-      <h3
-        class="h4"
-      >
-        My Card
-      </h3>
-       
-    </header>
-     
-  </div>
-  
-  <!--&lt;Card&gt;-->
+    class="dusk-card__body-container"
+  />
+   
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Checkbox.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Checkbox.spec.js.snap
index 9f51577a..5a1c7770 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Checkbox.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Checkbox.spec.js.snap
@@ -1,51 +1,39 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Checkbox > renders the Checkbox component 1`] = `
-<div>
-  <input
-    class="dusk-checkbox"
-    id="test"
-    name="test"
-    type="checkbox"
-  />
-  <!--&lt;Checkbox&gt;-->
-</div>
+<input
+  class="dusk-checkbox"
+  id="test"
+  name="test"
+  type="checkbox"
+/>
 `;
 
 exports[`Checkbox > renders the Checkbox component in a checked state 1`] = `
-<div>
-  <input
-    class="dusk-checkbox"
-    id="test"
-    name="test"
-    type="checkbox"
-  />
-  <!--&lt;Checkbox&gt;-->
-</div>
+<input
+  class="dusk-checkbox"
+  id="test"
+  name="test"
+  type="checkbox"
+/>
 `;
 
 exports[`Checkbox > renders the Checkbox component in a disabled state 1`] = `
-<div>
-  <input
-    class="dusk-checkbox"
-    disabled=""
-    id="test"
-    name="test"
-    type="checkbox"
-  />
-  <!--&lt;Checkbox&gt;-->
-</div>
+<input
+  class="dusk-checkbox"
+  disabled=""
+  id="test"
+  name="test"
+  type="checkbox"
+/>
 `;
 
 exports[`Checkbox > renders the Checkbox component in a disabled, checked state 1`] = `
-<div>
-  <input
-    class="dusk-checkbox"
-    disabled=""
-    id="test"
-    name="test"
-    type="checkbox"
-  />
-  <!--&lt;Checkbox&gt;-->
-</div>
+<input
+  class="dusk-checkbox"
+  disabled=""
+  id="test"
+  name="test"
+  type="checkbox"
+/>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/ErrorAlert.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/ErrorAlert.spec.js.snap
new file mode 100644
index 00000000..d5c35f4a
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/__snapshots__/ErrorAlert.spec.js.snap
@@ -0,0 +1,77 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ErrorAlert > should pass additional class names and attributes to the rendered element 1`] = `
+<div
+  class="dusk-error-alert foo bar"
+  data-foo="baz"
+  id="some-id"
+>
+  <svg
+    class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+    role="graphics-symbol"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+    />
+  </svg>
+  
+   
+  <details
+    class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
+  >
+    <summary
+      class="dusk-error-details__summary"
+    >
+      Some error summary
+    </summary>
+     
+    <pre
+      class="dusk-error-details__error"
+    >
+      			
+      some error message
+      
+		
+    </pre>
+  </details>
+  
+</div>
+`;
+
+exports[`ErrorAlert > should render the \`ErrorAlert\` component 1`] = `
+<div
+  class="dusk-error-alert"
+>
+  <svg
+    class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+    role="graphics-symbol"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+    />
+  </svg>
+  
+   
+  <details
+    class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
+  >
+    <summary
+      class="dusk-error-details__summary"
+    >
+      Some error summary
+    </summary>
+     
+    <pre
+      class="dusk-error-details__error"
+    >
+      			
+      some error message
+      
+		
+    </pre>
+  </details>
+  
+</div>
+`;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/ExclusiveChoice.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/ExclusiveChoice.spec.js.snap
new file mode 100644
index 00000000..ed265fe9
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/__snapshots__/ExclusiveChoice.spec.js.snap
@@ -0,0 +1,325 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ExclusiveChoice > should accept a custom name for the radio elements 1`] = `
+<div
+  class="dusk-exclusive-choice"
+  role="radiogroup"
+>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-1"
+    name="my-custom-name"
+    type="radio"
+    value="1"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-1"
+  >
+    one
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-2"
+    name="my-custom-name"
+    type="radio"
+    value="2"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-2"
+  >
+    two
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    disabled=""
+    id="some-generated-id-3"
+    name="my-custom-name"
+    type="radio"
+    value="3"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-3"
+  >
+    three
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-4"
+    name="my-custom-name"
+    type="radio"
+    value="4"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-4"
+  >
+    four
+  </label>
+</div>
+`;
+
+exports[`ExclusiveChoice > should accept an array of options object without labels and use the value as labels 1`] = `
+<div
+  class="dusk-exclusive-choice"
+  role="radiogroup"
+>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-1"
+    name="some-generated-id"
+    type="radio"
+    value="1"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-1"
+  >
+    1
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-2"
+    name="some-generated-id"
+    type="radio"
+    value="2"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-2"
+  >
+    2
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-3"
+    name="some-generated-id"
+    type="radio"
+    value="3"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-3"
+  >
+    3
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-4"
+    name="some-generated-id"
+    type="radio"
+    value="4"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-4"
+  >
+    4
+  </label>
+</div>
+`;
+
+exports[`ExclusiveChoice > should accept an array of string as options 1`] = `
+<div
+  class="dusk-exclusive-choice"
+  role="radiogroup"
+>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-one"
+    name="some-generated-id"
+    type="radio"
+    value="one"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-one"
+  >
+    one
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-two"
+    name="some-generated-id"
+    type="radio"
+    value="two"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-two"
+  >
+    two
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-three"
+    name="some-generated-id"
+    type="radio"
+    value="three"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-three"
+  >
+    three
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-four"
+    name="some-generated-id"
+    type="radio"
+    value="four"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-four"
+  >
+    four
+  </label>
+</div>
+`;
+
+exports[`ExclusiveChoice > should pass additional class names and attributes to the rendered element 1`] = `
+<div
+  class="dusk-exclusive-choice foo bar"
+  id="some-id"
+  role="radiogroup"
+>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-1"
+    name="some-generated-id"
+    type="radio"
+    value="1"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-1"
+  >
+    one
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-2"
+    name="some-generated-id"
+    type="radio"
+    value="2"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-2"
+  >
+    two
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    disabled=""
+    id="some-generated-id-3"
+    name="some-generated-id"
+    type="radio"
+    value="3"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-3"
+  >
+    three
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-4"
+    name="some-generated-id"
+    type="radio"
+    value="4"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-4"
+  >
+    four
+  </label>
+</div>
+`;
+
+exports[`ExclusiveChoice > should render the \`ExclusiveChoice\` component 1`] = `
+<div
+  class="dusk-exclusive-choice"
+  role="radiogroup"
+>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-1"
+    name="some-generated-id"
+    type="radio"
+    value="1"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-1"
+  >
+    one
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-2"
+    name="some-generated-id"
+    type="radio"
+    value="2"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-2"
+  >
+    two
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    disabled=""
+    id="some-generated-id-3"
+    name="some-generated-id"
+    type="radio"
+    value="3"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-3"
+  >
+    three
+  </label>
+  <input
+    class="dusk-exclusive-choice__radio"
+    id="some-generated-id-4"
+    name="some-generated-id"
+    type="radio"
+    value="4"
+  />
+   
+  <label
+    class="dusk-exclusive-choice__label"
+    for="some-generated-id-4"
+  >
+    four
+  </label>
+</div>
+`;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Icon.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Icon.spec.js.snap
index 6c9436e3..5e75f800 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Icon.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Icon.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Icon > should accept a custom role for the SVG component 1`] = `
 <svg
-  class="dusk-icon dusk-icon--size--normal"
+  class="dusk-icon dusk-icon--size--default"
   role="presentation"
   viewBox="0 0 24 24"
 >
@@ -14,7 +14,7 @@ exports[`Icon > should accept a custom role for the SVG component 1`] = `
 
 exports[`Icon > should pass additional class names and attributes to the rendered element 1`] = `
 <svg
-  class="dusk-icon dusk-icon--size--normal foo bar"
+  class="dusk-icon dusk-icon--size--default foo bar"
   data-baz="baz"
   role="graphics-symbol"
   viewBox="0 0 24 24"
@@ -27,7 +27,7 @@ exports[`Icon > should pass additional class names and attributes to the rendere
 
 exports[`Icon > should pass additional class names and attributes to the rendered element 2`] = `
 <g
-  class="dusk-icon dusk-icon--size--normal foo bar"
+  class="dusk-icon dusk-icon--size--default foo bar"
   data-baz="baz"
 >
   <rect />
@@ -39,7 +39,7 @@ exports[`Icon > should pass additional class names and attributes to the rendere
 
 exports[`Icon > should render the Icon component 1`] = `
 <svg
-  class="dusk-icon dusk-icon--size--normal"
+  class="dusk-icon dusk-icon--size--default"
   role="graphics-symbol"
   viewBox="0 0 24 24"
 >
@@ -51,7 +51,7 @@ exports[`Icon > should render the Icon component 1`] = `
 
 exports[`Icon > should render the icon inside a \`g\` element if it's part of a stack 1`] = `
 <g
-  class="dusk-icon dusk-icon--size--normal"
+  class="dusk-icon dusk-icon--size--default"
 >
   <rect />
   <path
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Mnemonic.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Mnemonic.spec.js.snap
index 8d95bd87..218c6128 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Mnemonic.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Mnemonic.spec.js.snap
@@ -1,330 +1,365 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Mnemonic > should render the "Mnemonic" component in the authenticate state 1`] = `
-<div>
+<div
+  class="dusk-mnemonic"
+>
   <div
-    class="dusk-mnemonic"
+    class="dusk-mnemonic__actions-wrapper"
   >
      
-    <ol
-      class="dusk-words"
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
     >
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-    </ol>
-    <!--&lt;Words&gt;-->
-     
-    <div
-      class="dusk-mnemonic__authenticate-actions-wrapper"
-    >
-      <input
-        class="dusk-textbox dusk-textbox-text"
-        maxlength="8"
-        placeholder="Enter word 1"
-        type="text"
-      />
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+        />
+      </svg>
       
-      <!--&lt;Textbox&gt;-->
        
+      <span
+        class="dusk-button__text"
+      >
+        Undo
+      </span>
       
-    </div>
+    </button>
+  </div>
+   
+  <ol
+    class="dusk-words"
+  >
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+  </ol>
+   
+  <div
+    class="dusk-mnemonic__authenticate-actions-wrapper"
+  >
+    <input
+      class="dusk-textbox dusk-textbox-text"
+      maxlength="8"
+      placeholder="Enter word 1"
+      type="text"
+    />
+    
+     
+    
   </div>
-  <!--&lt;Mnemonic&gt;-->
 </div>
 `;
 
 exports[`Mnemonic > should render the "Mnemonic" component in the validate state 1`] = `
-<div>
+<div
+  class="dusk-mnemonic"
+>
   <div
-    class="dusk-mnemonic"
+    class="dusk-mnemonic__actions-wrapper"
   >
      
-    <ol
-      class="dusk-words"
-    >
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-      <li
-        class="dusk-words__word"
-      >
-        _____
-      </li>
-    </ol>
-    <!--&lt;Words&gt;-->
-     
-    <div
-      class="dusk-mnemonic__validate-actions-wrapper"
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
     >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+        />
+      </svg>
       
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="auction"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          auction
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="tribe"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          tribe
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="type"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          type
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="torch"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          torch
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="domain"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          domain
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="auction"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          auction
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="lyrics"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          lyrics
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="mouse"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          mouse
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="alert"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          alert
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="fabric"
-        type="button"
-      >
-        <span
-          class="dusk-button__text"
-        >
-          fabric
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="snake"
-        type="button"
+       
+      <span
+        class="dusk-button__text"
       >
-        <span
-          class="dusk-button__text"
-        >
-          snake
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
+        Undo
+      </span>
       
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-        data-value="ticket"
-        type="button"
+    </button>
+  </div>
+   
+  <ol
+    class="dusk-words"
+  >
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+    <li
+      class="dusk-words__word"
+    >
+      _____
+    </li>
+  </ol>
+   
+  <div
+    class="dusk-mnemonic__validate-actions-wrapper"
+  >
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="auction"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        auction
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="tribe"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        tribe
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="type"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        type
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="torch"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        torch
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="domain"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        domain
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="auction"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        auction
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="lyrics"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        lyrics
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="mouse"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        mouse
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="alert"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        alert
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="fabric"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        fabric
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="snake"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        snake
+      </span>
+    </button>
+    
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+      data-value="ticket"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
       >
-        <span
-          class="dusk-button__text"
-        >
-          ticket
-        </span>
-      </button>
-      <!--&lt;Button&gt;-->
-      
-    </div>
+        ticket
+      </span>
+    </button>
+    
   </div>
-  <!--&lt;Mnemonic&gt;-->
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
index 91e9d2eb..b566a645 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
@@ -1,60 +1,48 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 1`] = `
-<div>
+exports[`ProgressBar > re-renders the ProgressBar component when the current percentage property changes 1`] = `
+<div
+  class="dusk-progress-bar"
+  role="progressbar"
+>
   <div
-    class="dusk-progress-bar"
-    role="progressbar"
-  >
-    <div
-      class="dusk-progress-bar__filler"
-      style="width: 0%"
-    />
-  </div>
-  <!--&lt;ProgressBar&gt;-->
+    class="dusk-progress-bar__filler"
+    style="width: 0%"
+  />
 </div>
 `;
 
-exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 2`] = `
-<div>
+exports[`ProgressBar > re-renders the ProgressBar component when the current percentage property changes 2`] = `
+<div
+  class="dusk-progress-bar"
+  role="progressbar"
+>
   <div
-    class="dusk-progress-bar"
-    role="progressbar"
-  >
-    <div
-      class="dusk-progress-bar__filler"
-      style="width: 50%"
-    />
-  </div>
-  <!--&lt;ProgressBar&gt;-->
+    class="dusk-progress-bar__filler"
+    style="width: 50%"
+  />
 </div>
 `;
 
-exports[`ProgressBar > renders the ProgressBar component with no current percentage set 1`] = `
-<div>
+exports[`ProgressBar > renders the ProgressBar component with current percentage set as zero 1`] = `
+<div
+  class="dusk-progress-bar"
+  role="progressbar"
+>
   <div
-    class="dusk-progress-bar"
-    role="progressbar"
-  >
-    <div
-      class="dusk-progress-bar__filler dusk-progress-bar__filler--undetermined"
-    />
-  </div>
-  <!--&lt;ProgressBar&gt;-->
+    class="dusk-progress-bar__filler"
+    style="width: 0%"
+  />
 </div>
 `;
 
-exports[`ProgressBar > renders the Stepper component with current percentage set as zero 1`] = `
-<div>
+exports[`ProgressBar > renders the ProgressBar component with no current percentage set 1`] = `
+<div
+  class="dusk-progress-bar"
+  role="progressbar"
+>
   <div
-    class="dusk-progress-bar"
-    role="progressbar"
-  >
-    <div
-      class="dusk-progress-bar__filler"
-      style="width: 0%"
-    />
-  </div>
-  <!--&lt;ProgressBar&gt;-->
+    class="dusk-progress-bar__filler dusk-progress-bar__filler--undetermined"
+  />
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/QrCode.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/QrCode.spec.js.snap
index c1fbdd9a..8ca92638 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/QrCode.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/QrCode.spec.js.snap
@@ -1,3 +1,11 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`QrCode > should render the QrCode component 1`] = ``;
+exports[`QrCode > should render the QrCode component and update it when any of the prop change 1`] = `
+<img
+  alt="Key QR code"
+  class="dusk-qr-code"
+  height="200"
+  src="data:image/png;base64,00"
+  width="200"
+/>
+`;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Select.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Select.spec.js.snap
index af56d1a1..29ee9911 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Select.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Select.spec.js.snap
@@ -27,7 +27,6 @@ exports[`Select > should accept a grouped object as \`options\` and create optio
        
     </option>
     
-    <!--&lt;Options&gt;-->
   </optgroup>
   <optgroup
     label="Group two"
@@ -45,7 +44,6 @@ exports[`Select > should accept a grouped object as \`options\` and create optio
        
     </option>
     
-    <!--&lt;Options&gt;-->
   </optgroup>
   
 </select>
@@ -81,7 +79,6 @@ exports[`Select > should accept an array of objects as options 1`] = `
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
 
@@ -117,7 +114,6 @@ exports[`Select > should accept an array of string as values of a grouped object
        
     </option>
     
-    <!--&lt;Options&gt;-->
   </optgroup>
   <optgroup
     label="Group two"
@@ -141,7 +137,6 @@ exports[`Select > should accept an array of string as values of a grouped object
        
     </option>
     
-    <!--&lt;Options&gt;-->
   </optgroup>
   
 </select>
@@ -176,7 +171,6 @@ exports[`Select > should accept an array of strings as \`options\` and use each
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
 
@@ -216,7 +210,6 @@ exports[`Select > should accept an empty string as label and use it instead of f
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
 
@@ -250,7 +243,6 @@ exports[`Select > should pass additional class names and attributes to the rende
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
 
@@ -283,7 +275,6 @@ exports[`Select > should render the Select component 1`] = `
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
 
@@ -323,6 +314,5 @@ exports[`Select > should use the value as label if an object is missing it 1`] =
      
   </option>
   
-  <!--&lt;Options&gt;-->
 </select>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Stepper.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Stepper.spec.js.snap
index 4846de76..8c2acf95 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Stepper.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Stepper.spec.js.snap
@@ -1,167 +1,616 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Stepper > renders the Stepper component with a completed step 1`] = `
-<div>
-  <div
-    class="dusk-stepper"
-    role="tablist"
-  >
-    <div
-      class="dusk-stepper__progress-bar"
-    >
-      <div
-        class="dusk-stepper__progress-filler"
-        style="width: 100%;"
-      />
-    </div>
+exports[`Stepper > should add the proper class name for the desired variant 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--secondary"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
      
-    <div
-      class="dusk-stepper__steps"
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    4
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    qux
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step dusk-stepper__step--processed"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="true"
-        class="dusk-stepper__step dusk-stepper__step--processed"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-    </div>
-  </div>
-  <!--&lt;Stepper&gt;-->
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
+     
+  </span>
+  
 </div>
 `;
 
-exports[`Stepper > renders the Stepper component with five steps 1`] = `
-<div>
-  <div
-    class="dusk-stepper"
-    role="tablist"
-  >
-    <div
-      class="dusk-stepper__progress-bar"
-    >
-      <div
-        class="dusk-stepper__progress-filler"
-        style="width: 0%;"
-      />
-    </div>
+exports[`Stepper > should allow to hide the step numbers 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    qux
      
-    <div
-      class="dusk-stepper__steps"
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        aria-disabled="true"
-        aria-selected="true"
-        class="dusk-stepper__step dusk-stepper__step--processed"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
-      />
-    </div>
-  </div>
-  <!--&lt;Stepper&gt;-->
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
+     
+  </span>
+  
 </div>
 `;
 
-exports[`Stepper > renders the Stepper component with five steps, with the third one being active, and the first two – completed 1`] = `
-<div>
-  <div
-    class="dusk-stepper"
-    role="tablist"
-  >
-    <div
-      class="dusk-stepper__progress-bar"
+exports[`Stepper > should pass additional class names and attributes to the rendered element 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary foo bar"
+  id="some-id"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    4
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    qux
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        class="dusk-stepper__progress-filler"
-        style="width: 75%;"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-    </div>
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
+     
+  </span>
+  
+</div>
+`;
+
+exports[`Stepper > should render the \`Stepper\` component accepting a number as the amount of steps 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+     
+  </span>
+  <span
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+     
+  </span>
+  <span
+    aria-current="step"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+     
+  </span>
+  <span
+    class="dusk-stepper__step"
+  >
+    4
+     
+  </span>
+  <span
+    class="dusk-stepper__step"
+  >
+    5
+     
+  </span>
+  
+</div>
+`;
+
+exports[`Stepper > should render the \`Stepper\` component accepting a number as the amount of steps 2`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 60%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
      
-    <div
-      class="dusk-stepper__steps"
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    4
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    qux
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step dusk-stepper__step--processed"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step dusk-stepper__step--processed"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step dusk-stepper__step--processed"
-      />
-      <div
-        aria-disabled="true"
-        aria-selected="true"
-        class="dusk-stepper__step dusk-stepper__step--processed"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
-      />
-    </div>
-  </div>
-  <!--&lt;Stepper&gt;-->
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
+     
+  </span>
+  
 </div>
 `;
 
-exports[`Stepper > renders the Stepper component with two steps 1`] = `
-<div>
-  <div
-    class="dusk-stepper"
-    role="tablist"
-  >
-    <div
-      class="dusk-stepper__progress-bar"
+exports[`Stepper > should render the \`Stepper\` component accepting an array of \`StepperStep\` objects as steps 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    4
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    qux
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        class="dusk-stepper__progress-filler"
-        style="width: 0%;"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-    </div>
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
      
-    <div
-      class="dusk-stepper__steps"
+  </span>
+  
+</div>
+`;
+
+exports[`Stepper > should render the \`Stepper\` component accepting an array of \`StepperStep\` objects as steps 2`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 60%;"
+>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    foo
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    bar
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    baz
+     
+  </span>
+  <span
+    aria-current="step"
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    4
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label"
+    id="step-some-generated-id"
+  >
+    qux
+     
+  </span>
+  <span
+    aria-labelledby="step-some-generated-id"
+    class="dusk-stepper__step"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--default"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
     >
-      <div
-        aria-disabled="true"
-        aria-selected="true"
-        class="dusk-stepper__step dusk-stepper__step--processed"
+      <path
+        d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z"
       />
-      <div
-        aria-disabled="true"
-        aria-selected="false"
-        class="dusk-stepper__step"
-      />
-    </div>
-  </div>
-  <!--&lt;Stepper&gt;-->
+    </svg>
+    
+  </span>
+   
+  <span
+    class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+    id="step-some-generated-id"
+  >
+    quux
+     
+  </span>
+  
+</div>
+`;
+
+exports[`Stepper > should render the \`Stepper\` with all step labels being displayed, if the right flag is provided 1`] = `
+<div
+  class="dusk-stepper dusk-stepper--variant--primary"
+  style="--columns: 5; --progress-width: 40%;"
+>
+  <span
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    1
+     
+  </span>
+  <span
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    2
+     
+  </span>
+  <span
+    aria-current="step"
+    class="dusk-stepper__step dusk-stepper__step--processed"
+  >
+    3
+     
+  </span>
+  <span
+    class="dusk-stepper__step"
+  >
+    4
+     
+  </span>
+  <span
+    class="dusk-stepper__step"
+  >
+    5
+     
+  </span>
+  
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Suspense.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Suspense.spec.js.snap
new file mode 100644
index 00000000..7b9ddf51
--- /dev/null
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Suspense.spec.js.snap
@@ -0,0 +1,225 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Suspense > should accept a custom message for the failure state 1`] = `
+<div
+  class="dusk-suspense"
+>
+  <div
+    class="dusk-error-alert dusk-suspense__error"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+      />
+    </svg>
+    
+     
+    <details
+      class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
+    >
+      <summary
+        class="dusk-error-details__summary"
+      >
+        Operation failed
+      </summary>
+       
+      <pre
+        class="dusk-error-details__error"
+      >
+        			
+        some error
+        
+		
+      </pre>
+    </details>
+    
+  </div>
+   
+   
+</div>
+`;
+
+exports[`Suspense > should accept a custom message for the pending state 1`] = `
+<div
+  class="dusk-suspense"
+>
+  <svg
+    class="dusk-throbber dusk-suspense__throbber"
+    height="64px"
+    role="progressbar"
+    viewBox="0 0 128 128"
+    width="64px"
+  >
+    <g>
+      <path
+        d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
+      />
+      <animatetransform
+        attributeName="transform"
+        dur="1800ms"
+        from="0 64 64"
+        repeatCount="indefinite"
+        to="360 64 64"
+        type="rotate"
+      />
+    </g>
+  </svg>
+   
+  <span
+    class="dusk-suspense__pending-message"
+  >
+    Operation pending
+  </span>
+</div>
+`;
+
+exports[`Suspense > should be able to render the \`Suspense\` component in a pending state 1`] = `
+<div
+  class="dusk-suspense"
+>
+  <svg
+    class="dusk-throbber dusk-suspense__throbber"
+    height="64px"
+    role="progressbar"
+    viewBox="0 0 128 128"
+    width="64px"
+  >
+    <g>
+      <path
+        d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
+      />
+      <animatetransform
+        attributeName="transform"
+        dur="1800ms"
+        from="0 64 64"
+        repeatCount="indefinite"
+        to="360 64 64"
+        type="rotate"
+      />
+    </g>
+  </svg>
+   
+  <span
+    class="dusk-suspense__pending-message"
+  >
+    
+  </span>
+</div>
+`;
+
+exports[`Suspense > should be able to render the \`Suspense\` in a failure state with the "alert" variant as a default 1`] = `
+<div
+  class="dusk-suspense"
+>
+  <div
+    class="dusk-error-alert dusk-suspense__error"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--large dusk-error-alert__icon"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z"
+      />
+    </svg>
+    
+     
+    <details
+      class="dusk-error-details dusk-error-details__details dusk-error-alert__error-details"
+    >
+      <summary
+        class="dusk-error-details__summary"
+      >
+        Error
+      </summary>
+       
+      <pre
+        class="dusk-error-details__error"
+      >
+        			
+        some error
+        
+		
+      </pre>
+    </details>
+    
+  </div>
+   
+   
+</div>
+`;
+
+exports[`Suspense > should be able to render the \`Suspense\` in a failure state with the "details" error variant 1`] = `
+<div
+  class="dusk-suspense"
+>
+  <details
+    class="dusk-error-details dusk-error-details__details dusk-suspense__error"
+  >
+    <summary
+      class="dusk-error-details__summary"
+    >
+      Error
+    </summary>
+     
+    <pre
+      class="dusk-error-details__error"
+    >
+      			
+      some error
+      
+		
+    </pre>
+  </details>
+  
+   
+   
+</div>
+`;
+
+exports[`Suspense > should be able to render the \`Suspense\` in a successful state 1`] = `
+<div
+  class="dusk-suspense"
+/>
+`;
+
+exports[`Suspense > should pass additional class names and attributes to the rendered element 1`] = `
+<div
+  class="dusk-suspense foo bar"
+  data-baz="baz"
+  id="some-id"
+>
+  <svg
+    class="dusk-throbber dusk-suspense__throbber"
+    height="64px"
+    role="progressbar"
+    viewBox="0 0 128 128"
+    width="64px"
+  >
+    <g>
+      <path
+        d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
+      />
+      <animatetransform
+        attributeName="transform"
+        dur="1800ms"
+        from="0 64 64"
+        repeatCount="indefinite"
+        to="360 64 64"
+        type="rotate"
+      />
+    </g>
+  </svg>
+   
+  <span
+    class="dusk-suspense__pending-message"
+  >
+    
+  </span>
+</div>
+`;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Tabs.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Tabs.spec.js.snap
index 1de65555..1124e80f 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Tabs.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Tabs.spec.js.snap
@@ -5,14 +5,14 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
   class="dusk-tabs"
 >
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     disabled=""
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -21,11 +21,9 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
    
   <ul
     class="dusk-tabs-list"
@@ -39,7 +37,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -48,7 +46,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-tab-label"
@@ -72,7 +69,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       </span>
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -81,7 +78,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -92,7 +88,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -101,7 +97,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-tab-label"
@@ -125,7 +120,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       </span>
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -134,7 +129,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -145,7 +139,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -154,7 +148,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-tab-label"
@@ -178,7 +171,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       </span>
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -187,7 +180,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -198,7 +190,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -207,7 +199,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-tab-label"
@@ -231,7 +222,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       </span>
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -240,7 +231,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -251,7 +241,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -260,7 +250,6 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       <span
         class="dusk-tab-label"
@@ -284,7 +273,7 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       </span>
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -293,19 +282,18 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
   </ul>
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -314,11 +302,9 @@ exports[`Tabs > should be able to render tabs with icon and text 1`] = `
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
 
@@ -327,14 +313,14 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
   class="dusk-tabs"
 >
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     disabled=""
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -343,11 +329,9 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
    
   <ul
     class="dusk-tabs-list"
@@ -361,7 +345,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -370,7 +354,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       
        
@@ -384,7 +367,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
     >
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -393,7 +376,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -404,7 +386,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -413,7 +395,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       
        
@@ -427,7 +408,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
     >
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -436,7 +417,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -447,7 +427,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -456,7 +436,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       
        
@@ -470,7 +449,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
     >
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -479,7 +458,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -490,7 +468,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -499,7 +477,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       
        
@@ -513,7 +490,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
     >
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -522,7 +499,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
     <li
@@ -533,7 +509,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       tabindex="0"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -542,7 +518,6 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
       
        
@@ -556,7 +531,7 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
     >
        
       <svg
-        class="dusk-icon dusk-icon--size--normal"
+        class="dusk-icon dusk-icon--size--default"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -565,19 +540,18 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
        
     </li>
   </ul>
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -586,11 +560,9 @@ exports[`Tabs > should be able to render tabs with icons only 1`] = `
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
 
@@ -600,14 +572,14 @@ exports[`Tabs > should pass additional class names and attributes to the root el
   id="some-id"
 >
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     disabled=""
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -616,11 +588,9 @@ exports[`Tabs > should pass additional class names and attributes to the root el
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
    
   <ul
     class="dusk-tabs-list"
@@ -769,13 +739,13 @@ exports[`Tabs > should pass additional class names and attributes to the root el
   </ul>
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -784,11 +754,9 @@ exports[`Tabs > should pass additional class names and attributes to the root el
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
 
@@ -797,14 +765,14 @@ exports[`Tabs > should render a "Tabs" component and reset its scroll status if
   class="dusk-tabs"
 >
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     disabled=""
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -813,11 +781,9 @@ exports[`Tabs > should render a "Tabs" component and reset its scroll status if
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
    
   <ul
     class="dusk-tabs-list"
@@ -966,13 +932,13 @@ exports[`Tabs > should render a "Tabs" component and reset its scroll status if
   </ul>
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -981,11 +947,9 @@ exports[`Tabs > should render a "Tabs" component and reset its scroll status if
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
 
@@ -994,14 +958,14 @@ exports[`Tabs > should use the id as label if the tab hasn't one and is without
   class="dusk-tabs"
 >
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     disabled=""
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -1010,11 +974,9 @@ exports[`Tabs > should use the id as label if the tab hasn't one and is without
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
    
   <ul
     class="dusk-tabs-list"
@@ -1163,13 +1125,13 @@ exports[`Tabs > should use the id as label if the tab hasn't one and is without
   </ul>
    
   <button
-    class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
+    class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
     hidden="false"
     tabindex="-1"
     type="button"
   >
     <svg
-      class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+      class="dusk-icon dusk-icon--size--default dusk-button__icon"
       role="graphics-symbol"
       viewBox="0 0 24 24"
     >
@@ -1178,10 +1140,8 @@ exports[`Tabs > should use the id as label if the tab hasn't one and is without
       />
     </svg>
     
-    <!--&lt;Icon&gt;-->
      
     
   </button>
-  <!--&lt;Button&gt;-->
 </div>
 `;
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Toast.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Toast.spec.js.snap
index bf7f8365..74cb1534 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Toast.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Toast.spec.js.snap
@@ -11,7 +11,7 @@ exports[`Toast > should render and dismiss 2 Toasts 1`] = `
       class="dusk-toast__item-icon-wrapper dusk-toast__item-icon-wrapper--success"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-toast__item-icon"
+        class="dusk-icon dusk-icon--size--default dusk-toast__item-icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -20,7 +20,6 @@ exports[`Toast > should render and dismiss 2 Toasts 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
     </span>
      
     <span
@@ -37,7 +36,7 @@ exports[`Toast > should render and dismiss 2 Toasts 1`] = `
       class="dusk-toast__item-icon-wrapper dusk-toast__item-icon-wrapper--info"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-toast__item-icon"
+        class="dusk-icon dusk-icon--size--default dusk-toast__item-icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -46,7 +45,6 @@ exports[`Toast > should render and dismiss 2 Toasts 1`] = `
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
     </span>
      
     <span
@@ -70,7 +68,7 @@ exports[`Toast > should render and dismiss the Toast component with the correct
       class="dusk-toast__item-icon-wrapper dusk-toast__item-icon-wrapper--success"
     >
       <svg
-        class="dusk-icon dusk-icon--size--normal dusk-toast__item-icon"
+        class="dusk-icon dusk-icon--size--default dusk-toast__item-icon"
         role="graphics-symbol"
         viewBox="0 0 24 24"
       >
@@ -79,7 +77,6 @@ exports[`Toast > should render and dismiss the Toast component with the correct
         />
       </svg>
       
-      <!--&lt;Icon&gt;-->
     </span>
      
     <span
diff --git a/src/lib/dusk/components/__tests__/__snapshots__/Words.spec.js.snap b/src/lib/dusk/components/__tests__/__snapshots__/Words.spec.js.snap
index f1947caa..4e900567 100644
--- a/src/lib/dusk/components/__tests__/__snapshots__/Words.spec.js.snap
+++ b/src/lib/dusk/components/__tests__/__snapshots__/Words.spec.js.snap
@@ -1,51 +1,45 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Words > should render the "Words" component with the passed words 1`] = `
-<div>
-  <ol
-    class="dusk-words"
+<ol
+  class="dusk-words"
+>
+  <li
+    class="dusk-words__word"
   >
-    <li
-      class="dusk-words__word"
-    >
-      snow
-    </li>
-    <li
-      class="dusk-words__word"
-    >
-      winter
-    </li>
-    <li
-      class="dusk-words__word"
-    >
-      christmas
-    </li>
-  </ol>
-  <!--&lt;Words&gt;-->
-</div>
+    snow
+  </li>
+  <li
+    class="dusk-words__word"
+  >
+    winter
+  </li>
+  <li
+    class="dusk-words__word"
+  >
+    christmas
+  </li>
+</ol>
 `;
 
 exports[`Words > should render the "Words" component with underscores for empty string 1`] = `
-<div>
-  <ol
-    class="dusk-words"
+<ol
+  class="dusk-words"
+>
+  <li
+    class="dusk-words__word"
+  >
+    _____
+  </li>
+  <li
+    class="dusk-words__word"
+  >
+    _____
+  </li>
+  <li
+    class="dusk-words__word"
   >
-    <li
-      class="dusk-words__word"
-    >
-      _____
-    </li>
-    <li
-      class="dusk-words__word"
-    >
-      _____
-    </li>
-    <li
-      class="dusk-words__word"
-    >
-      _____
-    </li>
-  </ol>
-  <!--&lt;Words&gt;-->
-</div>
+    _____
+  </li>
+</ol>
 `;
diff --git a/src/lib/dusk/components/dusk.components.d.ts b/src/lib/dusk/components/dusk.components.d.ts
index 311b7195..5832ac07 100644
--- a/src/lib/dusk/components/dusk.components.d.ts
+++ b/src/lib/dusk/components/dusk.components.d.ts
@@ -1,51 +1,72 @@
-
 type IconProp = {
-  path: string,
-  position?: "after" | "before"
-  size?: IconSize,
-}
+  path: string;
+  position?: "after" | "before";
+  size?: IconSize;
+};
 
-type ButtonSize = "normal" | "small";
+type ButtonSize = "default" | "small";
 
 type BadgeVariant = "neutral" | "success" | "warning" | "error";
 
-type ButtonVariant = "primary" | "secondary" | "tertiary" | "quaternary";
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+
+type CardGap = "small" | "default" | "medium" | "large";
 
 type WizardButtonProps = {
-	isAnchor?: boolean,
-	href?: string,
-	disabled?: boolean,
-	icon?: IconProp | null,
-	variant?: ButtonVariant,
-	label?: string,
-	action?: () => void,
-}
+  isAnchor?: boolean;
+  href?: string;
+  disabled?: boolean;
+  icon?: IconProp | null;
+  variant?: ButtonVariant;
+  label?: string;
+  action?: () => void;
+};
+
+type GapSize = "small" | "default" | "medium" | "large";
 
-type IconSize = "small" | "normal" | "large";
+type IconSize = "small" | "default" | "large";
 
 type GroupedSelectOptions = Record<string, SelectOption[] | string[]>;
 
 type SelectOption = {
-  disabled?: boolean,
-  label?: string,
-  value: string
-}
+  disabled?: boolean;
+  label?: string;
+  value: string;
+};
+
+type StepperStep = {
+  iconPath?: string;
+  label: string;
+};
+
+type StepperVariant = "primary" | "secondary";
+
+type SuspenseErrorVariant = "alert" | "details";
 
 type TabItem = {
-	icon?: IconProp,
-	id: string,
-	label?: string
-}
+  icon?: IconProp;
+  id: string;
+  label?: string;
+};
 
-type TextboxTypes = "email" | "hidden" | "multiline" | "number" | "password" | "search" | "tel" | "text" | "url";
+type TextboxTypes =
+  | "email"
+  | "hidden"
+  | "multiline"
+  | "number"
+  | "password"
+  | "search"
+  | "tel"
+  | "text"
+  | "url";
 
 type TooltipType = "error" | "info" | "success" | "warning";
 
 type MnemonicType = "authenticate" | "validate";
 
 type ToastItem = {
-	icon?: string,
-	id: string,
-	message: string,
-	type: TooltipType
-}
+  icon?: string;
+  id: string;
+  message: string;
+  type: TooltipType;
+};
diff --git a/src/lib/dusk/components/index.js b/src/lib/dusk/components/index.js
index bb4c3590..71cfa640 100644
--- a/src/lib/dusk/components/index.js
+++ b/src/lib/dusk/components/index.js
@@ -5,14 +5,16 @@ export { default as Badge } from "./Badge/Badge.svelte";
 export { default as Button } from "./Button/Button.svelte";
 export { default as Card } from "./Card/Card.svelte";
 export { default as Checkbox } from "./Checkbox/Checkbox.svelte";
-export { default as CircularIcon } from "./Icon/CircularIcon.svelte";
+export { default as ErrorAlert } from "./ErrorAlert/ErrorAlert.svelte";
 export { default as ErrorDetails } from "./ErrorDetails/ErrorDetails.svelte";
+export { default as ExclusiveChoice } from "./ExclusiveChoice/ExclusiveChoice.svelte";
 export { default as Icon } from "./Icon/Icon.svelte";
 export { default as Mnemonic } from "./Mnemonic/Mnemonic.svelte";
 export { default as ProgressBar } from "./ProgressBar/ProgressBar.svelte";
 export { default as QrCode } from "./QrCode/QrCode.svelte";
 export { default as Select } from "./Select/Select.svelte";
 export { default as Stepper } from "./Stepper/Stepper.svelte";
+export { default as Suspense } from "./Suspense/Suspense.svelte";
 export { default as Switch } from "./Switch/Switch.svelte";
 export { default as Tabs } from "./Tabs/Tabs.svelte";
 export { default as Textbox } from "./Textbox/Textbox.svelte";
diff --git a/src/lib/dusk/currency/__tests__/createCurrencyFormatter.spec.js b/src/lib/dusk/currency/__tests__/createCurrencyFormatter.spec.js
new file mode 100644
index 00000000..32bade79
--- /dev/null
+++ b/src/lib/dusk/currency/__tests__/createCurrencyFormatter.spec.js
@@ -0,0 +1,37 @@
+import { describe, expect, it } from "vitest";
+
+import { createCurrencyFormatter } from "..";
+
+describe("createCurrencyFormatter", () => {
+  it("should create a currency formatter using the given settings, but ignore the digits for FIAT currencies", () => {
+    const itFormatter = createCurrencyFormatter("it-IT", "EUR", 9);
+    const usFormatter = createCurrencyFormatter("en-US", "USD", 9);
+
+    /**
+     * A non-breaking space is used here (code point 0x00A0)
+     * @see https://shapecatcher.com/unicode/info/160
+     */
+    expect(itFormatter(1_234_567.899)).toBe("1.234.567,90 €");
+    expect(usFormatter(1_234_567.899)).toBe("$1,234,567.90");
+  });
+
+  it('should accept "DUSK" as a currency, using the desired digits', () => {
+    const duskFormatter = createCurrencyFormatter("it-IT", "DUSK", 5);
+
+    expect(duskFormatter(1_234_567.899_788_677)).toBe("1.234.567,89979");
+  });
+
+  it("should accept BigInts as input", () => {
+    const duskFormatter = createCurrencyFormatter("it-IT", "DUSK", 5);
+
+    expect(duskFormatter(1_234_567n)).toBe("1.234.567,00000");
+  });
+
+  it("should throw an error for an invalid locale", () => {
+    expect(() => createCurrencyFormatter("foo-bar", "DUSK", 5)).toThrow();
+  });
+
+  it("should throw an error for an invalid currency", () => {
+    expect(() => createCurrencyFormatter("it-IT", "foobarbaz", 5)).toThrow();
+  });
+});
diff --git a/src/lib/dusk/currency/__tests__/createFeeFormatter.spec.js b/src/lib/dusk/currency/__tests__/createFeeFormatter.spec.js
new file mode 100644
index 00000000..4a9308c9
--- /dev/null
+++ b/src/lib/dusk/currency/__tests__/createFeeFormatter.spec.js
@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+
+import { createFeeFormatter } from "..";
+
+describe("createFeeFormatter", () => {
+  it("should create a locale aware formatter for fees, with at least 2 fraction digits but no more than 9", () => {
+    const itFormatter = createFeeFormatter("it-IT");
+    const usFormatter = createFeeFormatter("en-US");
+
+    expect(itFormatter(123)).toBe("123,00");
+    expect(usFormatter(123)).toBe("123.00");
+    expect(itFormatter(123.456_789_456_789)).toBe("123,456789457");
+    expect(usFormatter(123.456_789_456_789)).toBe("123.456789457");
+  });
+
+  it("should accept BigInts as input", () => {
+    const formatter = createFeeFormatter("it-IT");
+
+    expect(formatter(1_234_567n)).toBe("1.234.567,00");
+  });
+
+  it("should throw an error for an invalid locale", () => {
+    expect(() => createFeeFormatter("foo-bar")).toThrow();
+  });
+});
diff --git a/src/lib/dusk/currency/__tests__/createTransferFormatter.spec.js b/src/lib/dusk/currency/__tests__/createTransferFormatter.spec.js
new file mode 100644
index 00000000..a6a57b41
--- /dev/null
+++ b/src/lib/dusk/currency/__tests__/createTransferFormatter.spec.js
@@ -0,0 +1,27 @@
+import { describe, expect, it } from "vitest";
+
+import { createTransferFormatter } from "..";
+
+describe("createTransferFormatter", () => {
+  it("should create a locale aware formatter, showing the sign except for zeroes, with at least 2 fraction digits but no more than 9", () => {
+    const itFormatter = createTransferFormatter("it-IT");
+    const usFormatter = createTransferFormatter("en-US");
+
+    expect(itFormatter(0)).toBe("0,00");
+    expect(usFormatter(0)).toBe("0.00");
+    expect(itFormatter(123)).toBe("+123,00");
+    expect(usFormatter(123)).toBe("+123.00");
+    expect(itFormatter(-123.456_789_456_789)).toBe("-123,456789457");
+    expect(usFormatter(-123.456_789_456_789)).toBe("-123.456789457");
+  });
+
+  it("should accept BigInts as input", () => {
+    const formatter = createTransferFormatter("it-IT");
+
+    expect(formatter(1_234_567n)).toBe("+1.234.567,00");
+  });
+
+  it("should throw an error for an invalid locale", () => {
+    expect(() => createTransferFormatter("foo-bar")).toThrow();
+  });
+});
diff --git a/src/lib/dusk/currency/__tests__/duskToLux.spec.js b/src/lib/dusk/currency/__tests__/duskToLux.spec.js
index 8af99d4c..0988188b 100644
--- a/src/lib/dusk/currency/__tests__/duskToLux.spec.js
+++ b/src/lib/dusk/currency/__tests__/duskToLux.spec.js
@@ -1,14 +1,19 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { duskToLux } from "..";
 
 describe("duskToLux", () => {
-	it("should convert an amount in Dusk to Lux", () => {
-		expect(duskToLux(1)).toBe(1e9);
-		expect(duskToLux(3_456_789.012)).toBe(3_456_789_012_000_000);
-	});
+  it("should convert an amount in Dusk to Lux", () => {
+    expect(duskToLux(1)).toBe(BigInt(1e9));
+    expect(duskToLux(21.78)).toBe(21_780_000_000n);
+    expect(duskToLux(3_456_789.012)).toBe(3_456_789_012_000_000n);
+
+    // handles numbers in exponential notation
+    expect(duskToLux(2e21)).toBe(BigInt(2e21) * BigInt(1e9));
+
+    // we would lose 1 Lux in these numbers without rounding
+    // the decimal part in the conversion function
+    expect(duskToLux(1_000_999.973939759)).toBe(1_000_999_973_939_759n);
+    expect(duskToLux(45.123456999)).toBe(45_123_456_999n);
+  });
 });
diff --git a/src/lib/dusk/currency/__tests__/luxToDusk.spec.js b/src/lib/dusk/currency/__tests__/luxToDusk.spec.js
index 304860a2..5e9a3c9a 100644
--- a/src/lib/dusk/currency/__tests__/luxToDusk.spec.js
+++ b/src/lib/dusk/currency/__tests__/luxToDusk.spec.js
@@ -1,14 +1,16 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { luxToDusk } from "..";
 
 describe("luxToDusk", () => {
-	it("should convert an amount in Dusk to Lux", () => {
-		expect(luxToDusk(1e9)).toBe(1);
-		expect(luxToDusk(123_456_789_012)).toBe(123.456789012);
-	});
+  it("should take a lux value, as a bigInt, and return Dusk (as a number)", () => {
+    expect(luxToDusk(BigInt(1e9))).toBe(1);
+    expect(luxToDusk(123_456_789_989n)).toBe(123.456789989);
+    expect(luxToDusk(1n)).toBe(0.000000001);
+    expect(luxToDusk(5889n)).toBe(0.000005889);
+    expect(luxToDusk(1_000_999_973_939_759_000n)).toBe(1_000_999_973.939759);
+    expect(luxToDusk(9_007_199_254_740_993n)).toBe(9_007_199.254740993);
+    expect(luxToDusk(10_000_000_001n)).toBe(10.000000001);
+    expect(luxToDusk(3_141_592_653_589_793n)).toBe(3_141_592.653589793);
+  });
 });
diff --git a/src/lib/dusk/currency/createCurrencyFormatter.js b/src/lib/dusk/currency/createCurrencyFormatter.js
index f8c2f834..62f9adf9 100644
--- a/src/lib/dusk/currency/createCurrencyFormatter.js
+++ b/src/lib/dusk/currency/createCurrencyFormatter.js
@@ -7,11 +7,15 @@
  * @returns {(value: number | bigint) => string}
  */
 const createFormatter = (locale, currency, digits) => {
-	const formatter = currency.toUpperCase() === "DUSK"
-		? new Intl.NumberFormat(locale, { minimumFractionDigits: digits })
-		: new Intl.NumberFormat(locale, { currency: currency, style: "currency" });
+  const formatter =
+    currency.toUpperCase() === "DUSK"
+      ? new Intl.NumberFormat(locale, { minimumFractionDigits: digits })
+      : new Intl.NumberFormat(locale, {
+          currency: currency,
+          style: "currency",
+        });
 
-	return value => formatter.format(value);
+  return (value) => formatter.format(value);
 };
 
 export default createFormatter;
diff --git a/src/lib/dusk/currency/createFeeFormatter.js b/src/lib/dusk/currency/createFeeFormatter.js
index a63df1d9..f03da175 100644
--- a/src/lib/dusk/currency/createFeeFormatter.js
+++ b/src/lib/dusk/currency/createFeeFormatter.js
@@ -5,12 +5,12 @@
  * @returns {(value: number | bigint) => string}
  */
 const createFormatter = (locale) => {
-	const formatter = new Intl.NumberFormat(locale, {
-		maximumFractionDigits: 9,
-		minimumFractionDigits: 2
-	});
+  const formatter = new Intl.NumberFormat(locale, {
+    maximumFractionDigits: 9,
+    minimumFractionDigits: 2,
+  });
 
-	return value => formatter.format(value);
+  return (value) => formatter.format(value);
 };
 
 export default createFormatter;
diff --git a/src/lib/dusk/currency/createTransferFormatter.js b/src/lib/dusk/currency/createTransferFormatter.js
index 492cdea7..ccc01523 100644
--- a/src/lib/dusk/currency/createTransferFormatter.js
+++ b/src/lib/dusk/currency/createTransferFormatter.js
@@ -1,17 +1,17 @@
 /**
  * Creates a locale aware currency formatter for fiat or DUSK
  *
- * @param {String} locale A BCP 47 language tag
+ * @param {string} locale A BCP 47 language tag
  * @returns {(value: number | bigint) => string}
  */
 const createFormatter = (locale) => {
-	const formatter = new Intl.NumberFormat(locale, {
-		maximumFractionDigits: 9,
-		minimumFractionDigits: 2,
-		signDisplay: "exceptZero"
-	});
+  const formatter = new Intl.NumberFormat(locale, {
+    maximumFractionDigits: 9,
+    minimumFractionDigits: 2,
+    signDisplay: "exceptZero",
+  });
 
-	return value => formatter.format(value);
+  return (value) => formatter.format(value);
 };
 
 export default createFormatter;
diff --git a/src/lib/dusk/currency/currencies.js b/src/lib/dusk/currency/currencies.js
index 94849997..b9e4a6e0 100644
--- a/src/lib/dusk/currency/currencies.js
+++ b/src/lib/dusk/currency/currencies.js
@@ -1,49 +1,49 @@
 const currencies = [
-	{ code: "AED", currency: "United Arab Emirates Dirham" },
-	{ code: "ARS", currency: "Argentine Peso" },
-	{ code: "AUD", currency: "Australian Dollar" },
-	{ code: "BDT", currency: "Bangladeshi Taka" },
-	{ code: "BHD", currency: "Bahraini Dinar" },
-	{ code: "BMD", currency: "Bermudian Dollar" },
-	{ code: "BRL", currency: "Brazilian Real" },
-	{ code: "CAD", currency: "Canadian Dollar" },
-	{ code: "CFH", currency: "Swiss Franc" },
-	{ code: "CLP", currency: "Chilean Peso" },
-	{ code: "CNY", currency: "Renminbi" },
-	{ code: "CZK", currency: "Czech Koruna" },
-	{ code: "DKK", currency: "Danish Krone" },
-	{ code: "EUR", currency: "Euro" },
-	{ code: "GBP", currency: "Pound Sterling" },
-	{ code: "HKD", currency: "Hong Kong Dollar" },
-	{ code: "HUF", currency: "Hungarian Forint" },
-	{ code: "IDR", currency: "Indonesian Rupiah" },
-	{ code: "ILS", currency: "Israeli New Shekel" },
-	{ code: "INR", currency: "Indian Rupee" },
-	{ code: "JPY", currency: "Japanese Yen" },
-	{ code: "KRW", currency: "South Korean Won" },
-	{ code: "KWD", currency: "Kuwaiti Dinar" },
-	{ code: "LKR", currency: "Sri Lankan Rupee" },
-	{ code: "MMK", currency: "Myanmar Kyat" },
-	{ code: "MXN", currency: "Mexican Peso" },
-	{ code: "MYR", currency: "Malaysian Ringgit" },
-	{ code: "NGN", currency: "Nigerian Naira" },
-	{ code: "NOK", currency: "Norwegian Krone" },
-	{ code: "NZD", currency: "New Zealand Dollar" },
-	{ code: "PHP", currency: "Philippine Peso" },
-	{ code: "PKR", currency: "Pakistani Rupee" },
-	{ code: "PLN", currency: "Polish Złoty" },
-	{ code: "RUB", currency: "Russian Ruble" },
-	{ code: "SAR", currency: "Saudi Riyal" },
-	{ code: "SEK", currency: "Swedish Krona" },
-	{ code: "SGD", currency: "Singapore Dollar" },
-	{ code: "THB", currency: "Thai Baht" },
-	{ code: "TRY", currency: "Turkish Lira" },
-	{ code: "TWD", currency: "New Taiwan Dollar" },
-	{ code: "UAH", currency: "Ukrainian Hryvnia" },
-	{ code: "USD", currency: "United States Dollar" },
-	{ code: "VEF", currency: "Venezuelan Bolívar Fuerte" },
-	{ code: "VND", currency: "Vietnamese Dồng" },
-	{ code: "ZAR", currency: "South African Rand" }
+  { code: "AED", currency: "United Arab Emirates Dirham" },
+  { code: "ARS", currency: "Argentine Peso" },
+  { code: "AUD", currency: "Australian Dollar" },
+  { code: "BDT", currency: "Bangladeshi Taka" },
+  { code: "BHD", currency: "Bahraini Dinar" },
+  { code: "BMD", currency: "Bermudian Dollar" },
+  { code: "BRL", currency: "Brazilian Real" },
+  { code: "CAD", currency: "Canadian Dollar" },
+  { code: "CFH", currency: "Swiss Franc" },
+  { code: "CLP", currency: "Chilean Peso" },
+  { code: "CNY", currency: "Renminbi" },
+  { code: "CZK", currency: "Czech Koruna" },
+  { code: "DKK", currency: "Danish Krone" },
+  { code: "EUR", currency: "Euro" },
+  { code: "GBP", currency: "Pound Sterling" },
+  { code: "HKD", currency: "Hong Kong Dollar" },
+  { code: "HUF", currency: "Hungarian Forint" },
+  { code: "IDR", currency: "Indonesian Rupiah" },
+  { code: "ILS", currency: "Israeli New Shekel" },
+  { code: "INR", currency: "Indian Rupee" },
+  { code: "JPY", currency: "Japanese Yen" },
+  { code: "KRW", currency: "South Korean Won" },
+  { code: "KWD", currency: "Kuwaiti Dinar" },
+  { code: "LKR", currency: "Sri Lankan Rupee" },
+  { code: "MMK", currency: "Myanmar Kyat" },
+  { code: "MXN", currency: "Mexican Peso" },
+  { code: "MYR", currency: "Malaysian Ringgit" },
+  { code: "NGN", currency: "Nigerian Naira" },
+  { code: "NOK", currency: "Norwegian Krone" },
+  { code: "NZD", currency: "New Zealand Dollar" },
+  { code: "PHP", currency: "Philippine Peso" },
+  { code: "PKR", currency: "Pakistani Rupee" },
+  { code: "PLN", currency: "Polish Złoty" },
+  { code: "RUB", currency: "Russian Ruble" },
+  { code: "SAR", currency: "Saudi Riyal" },
+  { code: "SEK", currency: "Swedish Krona" },
+  { code: "SGD", currency: "Singapore Dollar" },
+  { code: "THB", currency: "Thai Baht" },
+  { code: "TRY", currency: "Turkish Lira" },
+  { code: "TWD", currency: "New Taiwan Dollar" },
+  { code: "UAH", currency: "Ukrainian Hryvnia" },
+  { code: "USD", currency: "United States Dollar" },
+  { code: "VEF", currency: "Venezuelan Bolívar Fuerte" },
+  { code: "VND", currency: "Vietnamese Dồng" },
+  { code: "ZAR", currency: "South African Rand" },
 ];
 
 export default currencies;
diff --git a/src/lib/dusk/currency/duskToLux.js b/src/lib/dusk/currency/duskToLux.js
index 77319dd3..2bed52c2 100644
--- a/src/lib/dusk/currency/duskToLux.js
+++ b/src/lib/dusk/currency/duskToLux.js
@@ -1,10 +1,11 @@
+const scaleFactor = 1e9;
+
 /**
- * Temporary conversion function until
- * `dusk-wallet-js` exposes its own.
- *
  * @param {number} n
- * @returns {number}
+ * @returns {bigint}
  */
-const duskToLux = n => n * 1e9;
+const duskToLux = (n) =>
+  BigInt(Math.floor(n)) * BigInt(scaleFactor) +
+  BigInt(Math.round((n % 1) * scaleFactor));
 
 export default duskToLux;
diff --git a/src/lib/dusk/currency/luxToDusk.js b/src/lib/dusk/currency/luxToDusk.js
index 429cd826..f0ee3c40 100644
--- a/src/lib/dusk/currency/luxToDusk.js
+++ b/src/lib/dusk/currency/luxToDusk.js
@@ -1,10 +1,15 @@
+const scaleFactorAsNumber = 1e9;
+const scaleFactorAsBigInt = BigInt(scaleFactorAsNumber);
+
 /**
- * Temporary conversion function until
- * `dusk-wallet-js` exposes its own.
- *
- * @param {number} n
+ * @param {bigint} n
  * @returns {number}
  */
-const luxToDusk = n => n * 1e-9;
+function luxToDusk(n) {
+  const integerPart = Number(n / scaleFactorAsBigInt);
+  const decimalPart = Number(n % scaleFactorAsBigInt);
+
+  return integerPart + decimalPart / scaleFactorAsNumber;
+}
 
 export default luxToDusk;
diff --git a/src/lib/dusk/error/__tests__/getErrorFrom.spec.js b/src/lib/dusk/error/__tests__/getErrorFrom.spec.js
new file mode 100644
index 00000000..7a53ef42
--- /dev/null
+++ b/src/lib/dusk/error/__tests__/getErrorFrom.spec.js
@@ -0,0 +1,62 @@
+import { describe, expect, it } from "vitest";
+
+import { getErrorFrom } from "..";
+
+describe("getErrorFrom", () => {
+  it("should return the received argument if it's an instance of `Error`", () => {
+    [
+      class CustomError extends Error {},
+      Error,
+      EvalError,
+      RangeError,
+      ReferenceError,
+      SyntaxError,
+      TypeError,
+      URIError,
+    ].forEach((Ctor) => {
+      const error = new Ctor("some error message");
+
+      expect(getErrorFrom(error)).toBe(error);
+    });
+
+    const aggregateError = new AggregateError([new Error("foo message")]);
+
+    expect(getErrorFrom(aggregateError)).toBe(aggregateError);
+  });
+
+  it('should return an error having "Unknown error" as its message if the received argument is `null` or `undefined`', () => {
+    const expectedError = new Error("Unknown error");
+
+    expect(getErrorFrom(null)).toStrictEqual(expectedError);
+    expect(getErrorFrom(undefined)).toStrictEqual(expectedError);
+  });
+
+  it("should return an Error if the received argument is a string and use it as the error message", () => {
+    const msg = "Some error message";
+    const result = getErrorFrom(msg);
+
+    expect(result).toStrictEqual(new Error(msg));
+  });
+
+  it("should return an Error if the received argument is an object with a message string property, and use it as the error message", () => {
+    const err = { message: "Some error message" };
+    const result = getErrorFrom(err);
+
+    expect(result).toStrictEqual(new Error(err.message));
+  });
+
+  it("should return an Error otherwise using a JSON representation of the received argument as the error message", () => {
+    [
+      123,
+      new Date(),
+      /a/g,
+      { foo: "bar" },
+      [1, 2, 3],
+      { message: 345 },
+    ].forEach((arg) => {
+      const result = getErrorFrom(arg);
+
+      expect(result).toStrictEqual(new Error(JSON.stringify(arg)));
+    });
+  });
+});
diff --git a/src/lib/dusk/error/getErrorFrom.js b/src/lib/dusk/error/getErrorFrom.js
new file mode 100644
index 00000000..0f431c90
--- /dev/null
+++ b/src/lib/dusk/error/getErrorFrom.js
@@ -0,0 +1,26 @@
+import {
+  adapter,
+  always,
+  casus,
+  identity,
+  isNil,
+  isType,
+  keySatisfies,
+} from "lamb";
+
+/** @type {(value: any) => value is Error} */
+const isError = isType("Error");
+
+/** @type {(value: any) => value is string} */
+const isString = isType("String");
+
+/** @type {(value: any) => Error} */
+const getErrorFrom = adapter([
+  casus(isError, identity),
+  casus(isNil, always(new Error("Unknown error"))),
+  casus(isString, (msg) => new Error(msg)),
+  casus(keySatisfies(isString, "message"), ({ message }) => new Error(message)),
+  (v) => new Error(JSON.stringify(v)),
+]);
+
+export default getErrorFrom;
diff --git a/src/lib/dusk/error/index.js b/src/lib/dusk/error/index.js
new file mode 100644
index 00000000..95ca9246
--- /dev/null
+++ b/src/lib/dusk/error/index.js
@@ -0,0 +1 @@
+export { default as getErrorFrom } from "./getErrorFrom";
diff --git a/src/lib/dusk/http/__tests__/failureToRejection.spec.js b/src/lib/dusk/http/__tests__/failureToRejection.spec.js
new file mode 100644
index 00000000..223d20ff
--- /dev/null
+++ b/src/lib/dusk/http/__tests__/failureToRejection.spec.js
@@ -0,0 +1,23 @@
+import { describe, expect, it } from "vitest";
+
+import { failureToRejection } from "..";
+
+describe("failureToRejection", () => {
+  it('should return a rejected Promise if the given Response status is not "ok"', async () => {
+    const response = new Response("", { status: 404 });
+    const result = failureToRejection(response);
+
+    await expect(result).rejects.toBeInstanceOf(Error);
+    await expect(result).rejects.toMatchObject({
+      cause: response,
+      message: expect.stringContaining(response.statusText),
+    });
+  });
+
+  it('should return a Promise that resolves to the given Response, if its status is "ok"', async () => {
+    const response = new Response("", { status: 200 });
+    const result = failureToRejection(response);
+
+    await expect(result).resolves.toBe(response);
+  });
+});
diff --git a/src/lib/dusk/http/failureToRejection.js b/src/lib/dusk/http/failureToRejection.js
new file mode 100644
index 00000000..44586cf3
--- /dev/null
+++ b/src/lib/dusk/http/failureToRejection.js
@@ -0,0 +1,18 @@
+/**
+ * Transforms a Response into a Promise that resolves
+ * with the Response itself if its status is ok, and
+ * rejects with an Error otherwise.
+ *
+ * @param {Response} response
+ * @returns {Promise<Response>}
+ */
+const failureToRejection = (response) =>
+  response.ok
+    ? Promise.resolve(response)
+    : Promise.reject(
+        new Error(`HTTP Request failed - ${response.statusText}`, {
+          cause: response,
+        })
+      );
+
+export default failureToRejection;
diff --git a/src/lib/dusk/http/index.js b/src/lib/dusk/http/index.js
new file mode 100644
index 00000000..78b5a48b
--- /dev/null
+++ b/src/lib/dusk/http/index.js
@@ -0,0 +1 @@
+export { default as failureToRejection } from "./failureToRejection";
diff --git a/src/lib/dusk/icons/logo.js b/src/lib/dusk/icons/logo.js
index 8a07eb01..5a137778 100644
--- a/src/lib/dusk/icons/logo.js
+++ b/src/lib/dusk/icons/logo.js
@@ -1,4 +1,4 @@
-// eslint-disable-next-line max-len
-const DUSK_LOGO_PATH = "M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z";
+const DUSK_LOGO_PATH =
+  "M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z";
 
 export default DUSK_LOGO_PATH;
diff --git a/src/lib/dusk/math/__tests__/lerp.spec.js b/src/lib/dusk/math/__tests__/lerp.spec.js
index 1913446e..afc61e4a 100644
--- a/src/lib/dusk/math/__tests__/lerp.spec.js
+++ b/src/lib/dusk/math/__tests__/lerp.spec.js
@@ -1,23 +1,19 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { lerp } from "..";
 
 describe("lerp", () => {
-	it("should perform a linear interpolation between the two given values", () => {
-		expect(lerp(20, 80, .3)).toBe(38);
-		expect(lerp(20, 80, .5)).toBe(50);
-		expect(lerp(20, 80, .7)).toBe(62);
-	});
+  it("should perform a linear interpolation between the two given values", () => {
+    expect(lerp(20, 80, 0.3)).toBe(38);
+    expect(lerp(20, 80, 0.5)).toBe(50);
+    expect(lerp(20, 80, 0.7)).toBe(62);
+  });
 
-	it("should return `a` with a normal value of `0`", () => {
-		expect(lerp(20, 80, 0)).toBe(20);
-	});
+  it("should return `a` with a normal value of `0`", () => {
+    expect(lerp(20, 80, 0)).toBe(20);
+  });
 
-	it("should return `b` with a normal value of `1`", () => {
-		expect(lerp(20, 80, 1)).toBe(80);
-	});
+  it("should return `b` with a normal value of `1`", () => {
+    expect(lerp(20, 80, 1)).toBe(80);
+  });
 });
diff --git a/src/lib/dusk/mocks/IntersectionObserver.js b/src/lib/dusk/mocks/IntersectionObserver.js
index 8f141879..f2c8d527 100644
--- a/src/lib/dusk/mocks/IntersectionObserver.js
+++ b/src/lib/dusk/mocks/IntersectionObserver.js
@@ -1,15 +1,21 @@
 export default class IntersectionObserver {
-	get root () { return document; }
+  get root() {
+    return document;
+  }
 
-	get rootMargin () { return "0px 0px 0px 0px"; }
+  get rootMargin() {
+    return "0px 0px 0px 0px";
+  }
 
-	get thresholds () { return [0]; }
+  get thresholds() {
+    return [0];
+  }
 
-	disconnect () {}
+  disconnect() {}
 
-	observe () {}
+  observe() {}
 
-	takeRecords () {}
+  takeRecords() {}
 
-	unobserve () {}
+  unobserve() {}
 }
diff --git a/src/lib/dusk/mocks/ResizeObserver.js b/src/lib/dusk/mocks/ResizeObserver.js
deleted file mode 100644
index 887d10cc..00000000
--- a/src/lib/dusk/mocks/ResizeObserver.js
+++ /dev/null
@@ -1,16 +0,0 @@
-export default class ResizeObserver {
-	/** @param {Function} callback */
-	constructor (callback) {
-		this.#callback = callback;
-	}
-
-	#callback;
-
-	disconnect () {}
-
-	observe () {
-		this.#callback();
-	}
-
-	unobserve () {}
-}
diff --git a/src/lib/dusk/mocks/index.js b/src/lib/dusk/mocks/index.js
index 99be0aa5..bc6d671e 100644
--- a/src/lib/dusk/mocks/index.js
+++ b/src/lib/dusk/mocks/index.js
@@ -1,2 +1 @@
 export { default as IntersectionObserver } from "./IntersectionObserver";
-export { default as ResizeObserver } from "./ResizeObserver";
diff --git a/src/lib/dusk/number/__tests__/slashDecimals.spec.js b/src/lib/dusk/number/__tests__/slashDecimals.spec.js
new file mode 100644
index 00000000..f20305d7
--- /dev/null
+++ b/src/lib/dusk/number/__tests__/slashDecimals.spec.js
@@ -0,0 +1,44 @@
+import { describe, expect, it } from "vitest";
+import slashDecimals from "../slashDecimals.js";
+
+describe("slashDecimals", () => {
+  it("should return the same string if there are no decimals", () => {
+    expect(slashDecimals("42")).toBe("42");
+  });
+
+  it("should keep up to 9 decimal places when '.' is used", () => {
+    expect(slashDecimals("123.1234567890")).toBe("123.123456789");
+  });
+
+  it("should keep up to 9 decimal places when ',' is used", () => {
+    expect(slashDecimals("123,9876543210")).toBe("123,987654321");
+  });
+
+  it("should return the same number if it has fewer than 9 decimals", () => {
+    expect(slashDecimals("1.123")).toBe("1.123");
+  });
+
+  it("should handle integers with a comma separator but no decimals", () => {
+    expect(slashDecimals("100,")).toBe("100,");
+  });
+
+  it("should handle decimals shorter than 9 digits with trailing zeros", () => {
+    expect(slashDecimals("0.1234000")).toBe("0.1234000");
+  });
+
+  it("should correctly process numbers that are too small", () => {
+    expect(slashDecimals("0.0000000001234")).toBe("0.000000000");
+  });
+
+  it("should handle large numbers with more than 9 decimals", () => {
+    expect(slashDecimals("987654321.123456789123")).toBe("987654321.123456789");
+  });
+
+  it("should handle comma decimals with less than 9 digits", () => {
+    expect(slashDecimals("10,55")).toBe("10,55");
+  });
+
+  it("should not modify a string without separators", () => {
+    expect(slashDecimals("5000")).toBe("5000");
+  });
+});
diff --git a/src/lib/dusk/number/createNumberFormatter.js b/src/lib/dusk/number/createNumberFormatter.js
new file mode 100644
index 00000000..ce0b837b
--- /dev/null
+++ b/src/lib/dusk/number/createNumberFormatter.js
@@ -0,0 +1,17 @@
+/**
+ * Creates a locale aware number formatter
+ *
+ * @param {String} locale A BCP 47 language tag
+ * @param {Number|Undefined} digits The maximum fraction digits that should display
+ * @returns {(value: number | bigint) => string}
+ */
+const createNumberFormatter = (locale, digits = undefined) => {
+  const formatter = new Intl.NumberFormat(locale, {
+    maximumFractionDigits: digits,
+    style: "decimal",
+  });
+
+  return (value) => formatter.format(value);
+};
+
+export default createNumberFormatter;
diff --git a/src/lib/dusk/number/getDecimalSeparator.js b/src/lib/dusk/number/getDecimalSeparator.js
new file mode 100644
index 00000000..e07a1f2b
--- /dev/null
+++ b/src/lib/dusk/number/getDecimalSeparator.js
@@ -0,0 +1,10 @@
+/**
+ * Returns the decimal separator for the current locale.  Typically a comma or a period.
+ *
+ * @returns {string}
+ */
+const getDecimalSeparator = () => {
+  return (0.1).toLocaleString().slice(1, 2);
+};
+
+export default getDecimalSeparator;
diff --git a/src/lib/dusk/number/index.js b/src/lib/dusk/number/index.js
new file mode 100644
index 00000000..bf8552e9
--- /dev/null
+++ b/src/lib/dusk/number/index.js
@@ -0,0 +1,3 @@
+export { default as createNumberFormatter } from "./createNumberFormatter";
+export { default as getDecimalSeparator } from "./getDecimalSeparator";
+export { default as slashDecimals } from "./slashDecimals";
diff --git a/src/lib/dusk/number/slashDecimals.js b/src/lib/dusk/number/slashDecimals.js
new file mode 100644
index 00000000..7d37a5be
--- /dev/null
+++ b/src/lib/dusk/number/slashDecimals.js
@@ -0,0 +1,18 @@
+/** @type {number} */
+const DUSK_DECIMALS = 9;
+
+/**
+ * Slashes the number of decimals in a string representation of a number to the number supported by Dusk.
+ *
+ * @param {string} numberAsString
+ * @returns {string}
+ */
+const slashDecimals = (numberAsString) => {
+  const separator = numberAsString.includes(".") ? "." : ",";
+  const [integer, decimal] = numberAsString.split(separator);
+  return decimal
+    ? `${integer}${separator}${decimal.slice(0, DUSK_DECIMALS)}`
+    : numberAsString;
+};
+
+export default slashDecimals;
diff --git a/src/lib/dusk/polyfill/asyncIterator.js b/src/lib/dusk/polyfill/asyncIterator.js
index 4c5989e2..8462b362 100644
--- a/src/lib/dusk/polyfill/asyncIterator.js
+++ b/src/lib/dusk/polyfill/asyncIterator.js
@@ -1,20 +1,20 @@
 // @ts-nocheck
 if (!ReadableStream.prototype[Symbol.asyncIterator]) {
-	ReadableStream.prototype[Symbol.asyncIterator] = async function* () {
-		const reader = this.getReader();
+  ReadableStream.prototype[Symbol.asyncIterator] = async function* () {
+    const reader = this.getReader();
 
-		try {
-			while (true) {
-				const { done, value } = await reader.read();
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
 
-				if (done) {
-					return;
-				}
+        if (done) {
+          return;
+        }
 
-				yield value;
-			}
-		} finally {
-			reader.releaseLock();
-		}
-	};
+        yield value;
+      }
+    } finally {
+      reader.releaseLock();
+    }
+  };
 }
diff --git a/src/lib/dusk/polyfill/index.js b/src/lib/dusk/polyfill/index.js
new file mode 100644
index 00000000..2011ab79
--- /dev/null
+++ b/src/lib/dusk/polyfill/index.js
@@ -0,0 +1,4 @@
+/** @overview Import the module to load all polyfills at once */
+
+import "./asyncIterator";
+import "./promiseWithResolvers";
diff --git a/src/lib/dusk/polyfill/promiseWithResolvers.js b/src/lib/dusk/polyfill/promiseWithResolvers.js
new file mode 100644
index 00000000..67dcf75a
--- /dev/null
+++ b/src/lib/dusk/polyfill/promiseWithResolvers.js
@@ -0,0 +1,14 @@
+// @ts-nocheck
+if (!Promise.withResolvers) {
+  Promise.withResolvers = function () {
+    let reject;
+    let resolve;
+
+    const promise = new Promise((res, rej) => {
+      reject = rej;
+      resolve = res;
+    });
+
+    return { promise, reject, resolve };
+  };
+}
diff --git a/src/lib/dusk/promise/__tests__/rejectAfter.spec.js b/src/lib/dusk/promise/__tests__/rejectAfter.spec.js
new file mode 100644
index 00000000..b170546e
--- /dev/null
+++ b/src/lib/dusk/promise/__tests__/rejectAfter.spec.js
@@ -0,0 +1,30 @@
+import { afterAll, describe, expect, it, vi } from "vitest";
+
+import { rejectAfter } from "..";
+
+describe("rejectAfter", () => {
+  vi.useFakeTimers();
+
+  afterAll(() => {
+    vi.useRealTimers();
+  });
+
+  it("build a promise that rejects with the given error after the chosen delay", async () => {
+    let result;
+
+    const error = new Error("some error message");
+    const delay = 2000;
+
+    rejectAfter(delay, error).catch((r) => {
+      result = r;
+    });
+
+    await vi.advanceTimersByTimeAsync(delay / 2);
+
+    expect(result).toBeUndefined();
+
+    await vi.advanceTimersByTimeAsync(delay / 2);
+
+    expect(result).toBe(error);
+  });
+});
diff --git a/src/lib/dusk/promise/__tests__/resolveAfter.spec.js b/src/lib/dusk/promise/__tests__/resolveAfter.spec.js
new file mode 100644
index 00000000..0367395f
--- /dev/null
+++ b/src/lib/dusk/promise/__tests__/resolveAfter.spec.js
@@ -0,0 +1,30 @@
+import { afterAll, describe, expect, it, vi } from "vitest";
+
+import { resolveAfter } from "..";
+
+describe("resolveAfter", () => {
+  vi.useFakeTimers();
+
+  afterAll(() => {
+    vi.useRealTimers();
+  });
+
+  it("build a promise that resolves with the given value after the chosen delay", async () => {
+    let result;
+
+    const value = {};
+    const delay = 2000;
+
+    resolveAfter(delay, value).then((r) => {
+      result = r;
+    });
+
+    await vi.advanceTimersByTimeAsync(delay / 2);
+
+    expect(result).toBeUndefined();
+
+    await vi.advanceTimersByTimeAsync(delay / 2);
+
+    expect(result).toBe(value);
+  });
+});
diff --git a/src/lib/dusk/promise/index.js b/src/lib/dusk/promise/index.js
new file mode 100644
index 00000000..11f27917
--- /dev/null
+++ b/src/lib/dusk/promise/index.js
@@ -0,0 +1,2 @@
+export { default as rejectAfter } from "./rejectAfter";
+export { default as resolveAfter } from "./resolveAfter";
diff --git a/src/lib/dusk/promise/rejectAfter.js b/src/lib/dusk/promise/rejectAfter.js
new file mode 100644
index 00000000..c31a30ab
--- /dev/null
+++ b/src/lib/dusk/promise/rejectAfter.js
@@ -0,0 +1,7 @@
+/** @type {(delay: number, error: Error) => Promise<any>} */
+const rejectAfter = (delay, error) =>
+  new Promise((_, reject) => {
+    setTimeout(() => reject(error), delay);
+  });
+
+export default rejectAfter;
diff --git a/src/lib/dusk/promise/resolveAfter.js b/src/lib/dusk/promise/resolveAfter.js
new file mode 100644
index 00000000..960d85c2
--- /dev/null
+++ b/src/lib/dusk/promise/resolveAfter.js
@@ -0,0 +1,7 @@
+/** @type {(delay: number, value: any) => Promise<typeof value>} */
+const resolveAfter = (delay, value) =>
+  new Promise((resolve) => {
+    setTimeout(() => resolve(value), delay);
+  });
+
+export default resolveAfter;
diff --git a/src/lib/dusk/string/__tests__/calculateAdaptiveCharCount.spec.js b/src/lib/dusk/string/__tests__/calculateAdaptiveCharCount.spec.js
index cea2a3b5..06732211 100644
--- a/src/lib/dusk/string/__tests__/calculateAdaptiveCharCount.spec.js
+++ b/src/lib/dusk/string/__tests__/calculateAdaptiveCharCount.spec.js
@@ -2,23 +2,23 @@ import { describe, expect, it } from "vitest";
 import { calculateAdaptiveCharCount } from "../";
 
 describe("calculateAdaptiveCharCount", () => {
-	it("should return minimum characters for widths less than the minimum width", () => {
-		expect(calculateAdaptiveCharCount(300)).toBe(5);
-	});
+  it("should return minimum characters for widths less than the minimum width", () => {
+    expect(calculateAdaptiveCharCount(300)).toBe(5);
+  });
 
-	it("should return minimum characters for width equal to the minimum width", () => {
-		expect(calculateAdaptiveCharCount(320, 320, 640, 5, 20)).toBe(5);
-	});
+  it("should return minimum characters for width equal to the minimum width", () => {
+    expect(calculateAdaptiveCharCount(320, 320, 640, 5, 20)).toBe(5);
+  });
 
-	it("should return correct characters for a width between the minimum and maximum widths", () => {
-		expect(calculateAdaptiveCharCount(500, 320, 640, 5, 20)).toBe(13);
-	});
+  it("should return correct characters for a width between the minimum and maximum widths", () => {
+    expect(calculateAdaptiveCharCount(500, 320, 640, 5, 20)).toBe(13);
+  });
 
-	it("should return maximum characters for width equal to the maximum width", () => {
-		expect(calculateAdaptiveCharCount(800, 320, 640, 5, 20)).toBe(20);
-	});
+  it("should return maximum characters for width equal to the maximum width", () => {
+    expect(calculateAdaptiveCharCount(800, 320, 640, 5, 20)).toBe(20);
+  });
 
-	it("should return maximum characters for widths greater than the maximum width", () => {
-		expect(calculateAdaptiveCharCount(900, 320, 640, 5, 20)).toBe(20);
-	});
+  it("should return maximum characters for widths greater than the maximum width", () => {
+    expect(calculateAdaptiveCharCount(900, 320, 640, 5, 20)).toBe(20);
+  });
 });
diff --git a/src/lib/dusk/string/__tests__/cleanNumberString.spec.js b/src/lib/dusk/string/__tests__/cleanNumberString.spec.js
new file mode 100644
index 00000000..9a476077
--- /dev/null
+++ b/src/lib/dusk/string/__tests__/cleanNumberString.spec.js
@@ -0,0 +1,34 @@
+import { describe, expect, it } from "vitest";
+import { cleanNumberString } from "../";
+
+describe("calculateAdaptiveCharCount", () => {
+  it("should return a valid string represantation of a number when the decimal separator is `,`", () => {
+    expect(cleanNumberString("12153,566,68468,,,351", ",")).toBe(
+      "12153,56668468351"
+    );
+  });
+
+  it("should return a valid string represantation of a number when the decimal separator is `.`", () => {
+    expect(cleanNumberString("100.00..549..6.548", ".")).toBe("100.005496548");
+  });
+
+  it("should return an empty string if an empty string is passed", () => {
+    expect(cleanNumberString("", ".")).toBe("");
+  });
+
+  it("should return an empty string if a string with non valid characters is passed", () => {
+    expect(cleanNumberString("asdsasd/*-,/?!@#$%^&*()_=+", ".")).toBe("");
+  });
+
+  it("should return a valid string represantation of a number if a string containing non valid characters is passed", () => {
+    expect(
+      cleanNumberString("1321651.0518asds592asd/*-,/?!@#$%^&*()_=+", ".")
+    ).toBe("1321651.0518592");
+  });
+
+  it("should return a valid string represantation of a number if a string more than one leading zero", () => {
+    expect(cleanNumberString("000.2165", ".")).toBe("0.2165");
+
+    expect(cleanNumberString("0002165", ".")).toBe("2165");
+  });
+});
diff --git a/src/lib/dusk/string/__tests__/hexStringToBytes.spec.js b/src/lib/dusk/string/__tests__/hexStringToBytes.spec.js
index 47d75c2d..12f24768 100644
--- a/src/lib/dusk/string/__tests__/hexStringToBytes.spec.js
+++ b/src/lib/dusk/string/__tests__/hexStringToBytes.spec.js
@@ -1,24 +1,22 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { hexStringToBytes } from "..";
 
 describe("hexStringToBytes", () => {
-	it("should convert a hexadecimal string into a `Uint8Array`", () => {
-		const expected = Uint8Array.of(255, 174, 2, 83);
+  it("should convert a hexadecimal string into a `Uint8Array`", () => {
+    const expected = Uint8Array.of(255, 174, 2, 83);
 
-		expect(hexStringToBytes("ffae0253")).toStrictEqual(expected);
-		expect(hexStringToBytes("FFAE0253")).toStrictEqual(expected);
-	});
+    expect(hexStringToBytes("ffae0253")).toStrictEqual(expected);
+    expect(hexStringToBytes("FFAE0253")).toStrictEqual(expected);
+  });
 
-	it("should convert invalid hex numbers to zeroes", () => {
-		expect(hexStringToBytes("ffaeXX")).toStrictEqual(Uint8Array.of(255, 174, 0));
-	});
+  it("should convert invalid hex numbers to zeroes", () => {
+    expect(hexStringToBytes("ffaeXX")).toStrictEqual(
+      Uint8Array.of(255, 174, 0)
+    );
+  });
 
-	it("should return an empty `Uint8Array` if supplied with an empty string", () => {
-		expect(hexStringToBytes("")).toStrictEqual(new Uint8Array());
-	});
+  it("should return an empty `Uint8Array` if supplied with an empty string", () => {
+    expect(hexStringToBytes("")).toStrictEqual(new Uint8Array());
+  });
 });
diff --git a/src/lib/dusk/string/__tests__/isValidEvmAddress.spec.js b/src/lib/dusk/string/__tests__/isValidEvmAddress.spec.js
new file mode 100644
index 00000000..543349e8
--- /dev/null
+++ b/src/lib/dusk/string/__tests__/isValidEvmAddress.spec.js
@@ -0,0 +1,92 @@
+import { describe, expect, it } from "vitest";
+import isValidEvmAddress from "../isValidEvmAddress";
+
+describe("isValidEvmAddress", () => {
+  it("should return true for valid EVM addresses with 0x prefix", () => {
+    expect(
+      isValidEvmAddress("0x1234567890abcdef1234567890abcdef12345678")
+    ).toBe(true);
+    expect(
+      isValidEvmAddress("0xAbCdEf1234567890AbCdEf1234567890AbCdEf12")
+    ).toBe(true);
+    expect(
+      isValidEvmAddress("0x0000000000000000000000000000000000000000")
+    ).toBe(true);
+    expect(
+      isValidEvmAddress("0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF")
+    ).toBe(true);
+  });
+
+  it("should return true for valid EVM addresses without 0x prefix", () => {
+    expect(isValidEvmAddress("1234567890abcdef1234567890abcdef12345678")).toBe(
+      true
+    );
+    expect(isValidEvmAddress("AbCdEf1234567890AbCdEf1234567890AbCdEf12")).toBe(
+      true
+    );
+    expect(isValidEvmAddress("0000000000000000000000000000000000000000")).toBe(
+      true
+    );
+    expect(isValidEvmAddress("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF")).toBe(
+      true
+    );
+  });
+
+  it("should return false for invalid addresses", () => {
+    // Too short
+    expect(isValidEvmAddress("0x123")).toBe(false);
+    expect(isValidEvmAddress("123")).toBe(false);
+
+    // Too long
+    expect(
+      isValidEvmAddress("0x1234567890abcdef1234567890abcdef123456789")
+    ).toBe(false);
+    expect(isValidEvmAddress("1234567890abcdef1234567890abcdef123456789")).toBe(
+      false
+    );
+
+    // Invalid characters
+    expect(
+      isValidEvmAddress("0x1234567890abcdef1234567890abcdef1234567g")
+    ).toBe(false);
+    expect(
+      isValidEvmAddress("0x1234567890abcdef1234567890abcdef1234567!")
+    ).toBe(false);
+    expect(isValidEvmAddress("1234567890abcdef1234567890abcdef1234567z")).toBe(
+      false
+    );
+
+    // Empty or null
+    expect(isValidEvmAddress("")).toBe(false);
+    // @ts-ignore
+    expect(isValidEvmAddress(null)).toBe(false);
+    // @ts-ignore
+    expect(isValidEvmAddress(undefined)).toBe(false);
+
+    // Wrong type
+    // @ts-ignore
+    expect(isValidEvmAddress(123)).toBe(false);
+    // @ts-ignore
+    expect(isValidEvmAddress({})).toBe(false);
+    // @ts-ignore
+    expect(isValidEvmAddress([])).toBe(false);
+  });
+
+  it("should handle edge cases", () => {
+    // Only 0x prefix
+    expect(isValidEvmAddress("0x")).toBe(false);
+
+    // Spaces
+    expect(
+      isValidEvmAddress("0x1234567890abcdef1234567890abcdef12345678 ")
+    ).toBe(false);
+    expect(
+      isValidEvmAddress(" 0x1234567890abcdef1234567890abcdef12345678")
+    ).toBe(false);
+
+    // Multiple 0x prefixes
+    expect(
+      isValidEvmAddress("0x0x1234567890abcdef1234567890abcdef12345678")
+    ).toBe(false);
+  });
+});
diff --git a/src/lib/dusk/string/__tests__/makeClassName.spec.js b/src/lib/dusk/string/__tests__/makeClassName.spec.js
index fe83f5d4..f672e20f 100644
--- a/src/lib/dusk/string/__tests__/makeClassName.spec.js
+++ b/src/lib/dusk/string/__tests__/makeClassName.spec.js
@@ -3,52 +3,71 @@ import { describe, expect, it } from "vitest";
 import { makeClassName } from "..";
 
 describe("makeClassName", () => {
-	it("should build a class name string from the keys holding \"truthy\" values if given an object as parameter", () => {
-		const classes = {
-			a: "",
-			b: 0,
-			c: -0,
-			d: null,
-			e: void 0,
-			f: NaN,
-			g: false,
-			i: "false",
-			j: "0",
-			k: "true",
-			l: true,
-			m: ""
-		};
-
-		expect(makeClassName(classes)).toBe("i j k l");
-	});
-
-	it("should return an empty string if the object has no keys or all values are \"falsy\"", () => {
-		const classes = {
-			a: "", b: 0, c: -0, d: null, e: void 0, f: false, g: NaN
-		};
-
-		expect(makeClassName(classes)).toBe("");
-		expect(makeClassName({})).toBe("");
-	});
-
-	it("should build a class name string from the unique \"truthy\" values if given an array as parameter", () => {
-		const classes = ["", 0, -0, null, void 0, false, "false", "foo", "0", 2, "foo", "false"];
-
-		expect(makeClassName(classes)).toBe("false foo 0 2");
-	});
-
-	it("should return an empty string if the array is empty or all values are \"falsy\"", () => {
-		const classes = ["", 0, -0, null, void 0, false, NaN];
-
-		expect(makeClassName(classes)).toBe("");
-		expect(makeClassName([])).toBe("");
-	});
-
-	it("should throw an exception if the received parameter is `null` or `undefined`", () => {
-		// @ts-expect-error
-		expect(() => makeClassName(null)).toThrow();
-
-		// @ts-expect-error
-		expect(() => makeClassName(void 0)).toThrow();
-	});
+  it('should build a class name string from the keys holding "truthy" values if given an object as parameter', () => {
+    const classes = {
+      a: "",
+      b: 0,
+      c: -0,
+      d: null,
+      e: void 0,
+      f: NaN,
+      g: false,
+      i: "false",
+      j: "0",
+      k: "true",
+      l: true,
+      m: "",
+    };
+
+    expect(makeClassName(classes)).toBe("i j k l");
+  });
+
+  it('should return an empty string if the object has no keys or all values are "falsy"', () => {
+    const classes = {
+      a: "",
+      b: 0,
+      c: -0,
+      d: null,
+      e: void 0,
+      f: false,
+      g: NaN,
+    };
+
+    expect(makeClassName(classes)).toBe("");
+    expect(makeClassName({})).toBe("");
+  });
+
+  it('should build a class name string from the unique "truthy" values if given an array as parameter', () => {
+    const classes = [
+      "",
+      0,
+      -0,
+      null,
+      void 0,
+      false,
+      "false",
+      "foo",
+      "0",
+      2,
+      "foo",
+      "false",
+    ];
+
+    expect(makeClassName(classes)).toBe("false foo 0 2");
+  });
+
+  it('should return an empty string if the array is empty or all values are "falsy"', () => {
+    const classes = ["", 0, -0, null, void 0, false, NaN];
+
+    expect(makeClassName(classes)).toBe("");
+    expect(makeClassName([])).toBe("");
+  });
+
+  it("should throw an exception if the received parameter is `null` or `undefined`", () => {
+    // @ts-expect-error
+    expect(() => makeClassName(null)).toThrow();
+
+    // @ts-expect-error
+    expect(() => makeClassName(void 0)).toThrow();
+  });
 });
diff --git a/src/lib/dusk/string/__tests__/middleEllipsis.spec.js b/src/lib/dusk/string/__tests__/middleEllipsis.spec.js
index 65048c9f..49c0b7fd 100644
--- a/src/lib/dusk/string/__tests__/middleEllipsis.spec.js
+++ b/src/lib/dusk/string/__tests__/middleEllipsis.spec.js
@@ -3,19 +3,19 @@ import { describe, expect, it } from "vitest";
 import { middleEllipsis } from "..";
 
 describe("middleEllipsis", () => {
-	it("should return the original text if text length is less than or equal to twice n", () => {
-		expect(middleEllipsis("Hello", 5)).toEqual("Hello");
-		expect(middleEllipsis("Hi", 2)).toEqual("Hi");
-	});
+  it("should return the original text if text length is less than or equal to twice n", () => {
+    expect(middleEllipsis("Hello", 5)).toStrictEqual("Hello");
+    expect(middleEllipsis("Hi", 2)).toStrictEqual("Hi");
+  });
 
-	it("should return text with ellipsis in the middle for longer texts", () => {
-		expect(middleEllipsis("HelloWorld", 3)).toEqual("Hel...rld");
-		expect(middleEllipsis("abcdef", 2)).toEqual("ab...ef");
-	});
+  it("should return text with ellipsis in the middle for longer texts", () => {
+    expect(middleEllipsis("HelloWorld", 3)).toStrictEqual("Hel...rld");
+    expect(middleEllipsis("abcdef", 2)).toStrictEqual("ab...ef");
+  });
 
-	it("should handle edge cases gracefully", () => {
-		expect(middleEllipsis("", 2)).toEqual("");
-		expect(middleEllipsis("A", 0)).toEqual("...");
-		expect(middleEllipsis("HelloWorld", 0)).toEqual("...");
-	});
+  it("should handle edge cases gracefully", () => {
+    expect(middleEllipsis("", 2)).toStrictEqual("");
+    expect(middleEllipsis("A", 0)).toStrictEqual("...");
+    expect(middleEllipsis("HelloWorld", 0)).toStrictEqual("...");
+  });
 });
diff --git a/src/lib/dusk/string/__tests__/randomUUID.spec.js b/src/lib/dusk/string/__tests__/randomUUID.spec.js
new file mode 100644
index 00000000..cbddb682
--- /dev/null
+++ b/src/lib/dusk/string/__tests__/randomUUID.spec.js
@@ -0,0 +1,89 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { randomUUID as nodeRandomUUID } from "crypto";
+import { range } from "lamb";
+
+describe("randomUUID", () => {
+  const originalCrypto = global.crypto;
+  const uuidRE =
+    /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/;
+
+  afterEach(() => {
+    vi.resetModules();
+  });
+
+  describe("with crypto API", () => {
+    if (!originalCrypto) {
+      Object.defineProperty(global, "crypto", {
+        value: { randomUUID: nodeRandomUUID },
+        writable: false,
+      });
+
+      afterAll(() => {
+        global.crypto = originalCrypto;
+      });
+    }
+
+    it("should generate a v4 random UUID using the native crypto API if present", async () => {
+      const { randomUUID } = await import("..");
+      const uuid = randomUUID();
+
+      expect(uuid.length).toBe(36);
+    });
+  });
+
+  describe("without crypto API", () => {
+    it("should be able to generate a v4 random UUID without the crypto API", async () => {
+      const cryptoSpy = originalCrypto
+        ? vi
+            .spyOn(global, "crypto", "get")
+            //@ts-ignore
+            .mockReturnValue(undefined)
+        : null;
+
+      const { randomUUID } = await import("..");
+      const generated = new Set();
+
+      range(0, 100, 1).forEach(() => {
+        const uuid = randomUUID();
+
+        expect(uuidRE.test(uuid)).toBe(true);
+
+        generated.add(uuid);
+      });
+
+      expect(generated.size).toBe(100);
+
+      cryptoSpy?.mockRestore();
+    });
+
+    it("should be able to generate a v4 random UUID if the crypto API is present, but its `randomUUID` function doesn't", async () => {
+      let originalRandomUUID;
+
+      if (originalCrypto) {
+        originalRandomUUID = global.crypto.randomUUID;
+        Object.defineProperty(global.crypto, "randomUUID", {
+          value: undefined,
+        });
+      }
+
+      const { randomUUID } = await import("..");
+      const generated = new Set();
+
+      range(0, 100, 1).forEach(() => {
+        const uuid = randomUUID();
+
+        expect(uuidRE.test(uuid)).toBe(true);
+
+        generated.add(uuid);
+      });
+
+      expect(generated.size).toBe(100);
+
+      if (originalRandomUUID) {
+        Object.defineProperty(global.crypto, "randomUUID", {
+          value: originalRandomUUID,
+        });
+      }
+    });
+  });
+});
diff --git a/src/lib/dusk/string/__tests__/truncateDecimals.spec.js b/src/lib/dusk/string/__tests__/truncateDecimals.spec.js
new file mode 100644
index 00000000..629df6a2
--- /dev/null
+++ b/src/lib/dusk/string/__tests__/truncateDecimals.spec.js
@@ -0,0 +1,53 @@
+/**
+ * Tests for the `truncateDecimals` function using Vitest.
+ *
+ * This file defines a local copy of the `truncateDecimals` implementation
+ * based on the problem statement and exercises a variety of inputs to
+ * ensure the function behaves correctly. The tests cover numbers with
+ * both dot and comma separators, varying lengths of decimal portions,
+ * cases with no decimals at all, and negative values. Edge cases such
+ * as numbers ending with a separator are also included.
+ */
+
+import { describe, expect, it } from "vitest";
+import { truncateDecimals } from "..";
+
+const DUSK_DECIMALS = 9;
+
+describe("truncateDecimals", () => {
+  it("returns the original string when there is no decimal part", () => {
+    expect(truncateDecimals("123", DUSK_DECIMALS)).toBe("123");
+    // A trailing separator with no decimals should also return the original string
+    expect(truncateDecimals("123.", DUSK_DECIMALS)).toBe("123.");
+  });
+
+  it("truncates decimals using a dot as the separator", () => {
+    expect(truncateDecimals("123.4567890123", DUSK_DECIMALS)).toBe(
+      "123.456789012"
+    );
+    // Decimal portion shorter than the limit should remain unchanged
+    expect(truncateDecimals("123.4567", DUSK_DECIMALS)).toBe("123.4567");
+  });
+
+  it("truncates decimals using a comma as the separator", () => {
+    expect(truncateDecimals("123,4567890123", DUSK_DECIMALS)).toBe(
+      "123,456789012"
+    );
+    // Decimal portion shorter than the limit should remain unchanged
+    expect(truncateDecimals("123,4567", DUSK_DECIMALS)).toBe("123,4567");
+  });
+
+  it("handles negative numbers correctly", () => {
+    expect(truncateDecimals("-123.4567890123", DUSK_DECIMALS)).toBe(
+      "-123.456789012"
+    );
+    expect(truncateDecimals("-123,4567890123", DUSK_DECIMALS)).toBe(
+      "-123,456789012"
+    );
+  });
+
+  it("uses the dot separator when both separators are present", () => {
+    // The function chooses '.' if present, treating ',' as part of the integer
+    expect(truncateDecimals("1,234.56789", DUSK_DECIMALS)).toBe("1,234.56789");
+  });
+});
diff --git a/src/lib/dusk/string/calculateAdaptiveCharCount.js b/src/lib/dusk/string/calculateAdaptiveCharCount.js
index 429fc89c..75dca531 100644
--- a/src/lib/dusk/string/calculateAdaptiveCharCount.js
+++ b/src/lib/dusk/string/calculateAdaptiveCharCount.js
@@ -32,17 +32,21 @@
  * returns a calculated value based on custom parameters
  */
 
-function calculateAdaptiveCharCount (
-	width,
-	minWidth = 320,
-	maxWidth = 640,
-	minCharacters = 5,
-	maxCharacters = 18
+function calculateAdaptiveCharCount(
+  width,
+  minWidth = 320,
+  maxWidth = 640,
+  minCharacters = 5,
+  maxCharacters = 18
 ) {
-	const characters =
-		minCharacters + (width - minWidth) * (maxCharacters - minCharacters) / (maxWidth - minWidth);
+  const characters =
+    minCharacters +
+    ((width - minWidth) * (maxCharacters - minCharacters)) /
+      (maxWidth - minWidth);
 
-	return Math.round(Math.max(minCharacters, Math.min(characters, maxCharacters)));
+  return Math.round(
+    Math.max(minCharacters, Math.min(characters, maxCharacters))
+  );
 }
 
 export default calculateAdaptiveCharCount;
diff --git a/src/lib/dusk/string/cleanNumberString.js b/src/lib/dusk/string/cleanNumberString.js
new file mode 100644
index 00000000..1e4d6629
--- /dev/null
+++ b/src/lib/dusk/string/cleanNumberString.js
@@ -0,0 +1,17 @@
+/**
+ * Cleans the input string
+ * Returns a valid number in string form with the correct decimal separator according to the locale
+ *
+ * @param {string} amount
+ * @param {string} separator
+ * @returns {string}
+ */
+const cleanNumberString = (amount, separator) => {
+  const regex = new RegExp(`[^\\d${separator}]+`, "g"); // Remove any character that are not digits or the decimal separator
+  const regex2 = new RegExp(`(?<=\\${separator}.*)\\${separator}`, "g"); // Remove all but the first decimal separator
+  const regex3 = new RegExp(/^0+(?=\d)/); // Remove leading zeros
+
+  return amount.replace(regex, "").replace(regex2, "").replace(regex3, "");
+};
+
+export default cleanNumberString;
diff --git a/src/lib/dusk/string/hexStringToBytes.js b/src/lib/dusk/string/hexStringToBytes.js
index eca40407..f4b55ac6 100644
--- a/src/lib/dusk/string/hexStringToBytes.js
+++ b/src/lib/dusk/string/hexStringToBytes.js
@@ -3,9 +3,7 @@
  * @param {String} s
  * @returns {Uint8Array}
  */
-const hexStringToBytes = s => Uint8Array.from(
-	s.match(/.{1,2}/g) ?? [],
-	hexByte => parseInt(hexByte, 16)
-);
+const hexStringToBytes = (s) =>
+  Uint8Array.from(s.match(/.{1,2}/g) ?? [], (hexByte) => parseInt(hexByte, 16));
 
 export default hexStringToBytes;
diff --git a/src/lib/dusk/string/index.js b/src/lib/dusk/string/index.js
index b56b48dd..2777d658 100644
--- a/src/lib/dusk/string/index.js
+++ b/src/lib/dusk/string/index.js
@@ -1,4 +1,8 @@
 export { default as calculateAdaptiveCharCount } from "./calculateAdaptiveCharCount";
+export { default as cleanNumberString } from "./cleanNumberString";
 export { default as hexStringToBytes } from "./hexStringToBytes";
+export { default as isValidEvmAddress } from "./isValidEvmAddress";
 export { default as makeClassName } from "./makeClassName";
 export { default as middleEllipsis } from "./middleEllipsis";
+export { default as randomUUID } from "./randomUUID";
+export { default as truncateDecimals } from "./truncateDecimals";
diff --git a/src/lib/dusk/string/isValidEvmAddress.js b/src/lib/dusk/string/isValidEvmAddress.js
new file mode 100644
index 00000000..7905a683
--- /dev/null
+++ b/src/lib/dusk/string/isValidEvmAddress.js
@@ -0,0 +1,22 @@
+/**
+ * Validates whether the input is a valid EVM address.
+ * An EVM address is a 40-character hexadecimal string, optionally prefixed with "0x".
+ *
+ * @param {string} value - The value to validate
+ * @returns {boolean} - True if the value is a valid EVM address
+ */
+function isValidEvmAddress(value) {
+  if (typeof value !== "string") {
+    return false;
+  }
+
+  const addressWithoutPrefix = value.startsWith("0x") ? value.slice(2) : value;
+
+  // Check if it's exactly 40 characters long and all hexadecimal
+  return (
+    addressWithoutPrefix.length === 40 &&
+    /^[0-9a-fA-F]+$/.test(addressWithoutPrefix)
+  );
+}
+
+export default isValidEvmAddress;
diff --git a/src/lib/dusk/string/makeClassName.js b/src/lib/dusk/string/makeClassName.js
index 7a94c736..e5288c68 100644
--- a/src/lib/dusk/string/makeClassName.js
+++ b/src/lib/dusk/string/makeClassName.js
@@ -1,26 +1,22 @@
 import {
-	condition,
-	filterWith,
-	joinWith,
-	keys,
-	pickIf,
-	pipe,
-	uniques
+  condition,
+  filterWith,
+  joinWith,
+  keys,
+  pickIf,
+  pipe,
+  uniques,
 } from "lamb";
 
 const joinWithSpace = joinWith(" ");
 
 const makeClassNameFromArray = pipe([
-	filterWith(Boolean),
-	uniques,
-	joinWithSpace
+  filterWith(Boolean),
+  uniques,
+  joinWithSpace,
 ]);
 
-const makeClassNameFromObject = pipe([
-	pickIf(Boolean),
-	keys,
-	joinWithSpace
-]);
+const makeClassNameFromObject = pipe([pickIf(Boolean), keys, joinWithSpace]);
 
 /**
  * Utility function to build a CSS class name string.<br/>
@@ -38,6 +34,10 @@ const makeClassNameFromObject = pipe([
  * makeClassName({}) // => ""
  * makeClassName([]) // => ""
  */
-const makeClassName = condition(Array.isArray, makeClassNameFromArray, makeClassNameFromObject);
+const makeClassName = condition(
+  Array.isArray,
+  makeClassNameFromArray,
+  makeClassNameFromObject
+);
 
 export default makeClassName;
diff --git a/src/lib/dusk/string/middleEllipsis.js b/src/lib/dusk/string/middleEllipsis.js
index a7c9dba2..91699c04 100644
--- a/src/lib/dusk/string/middleEllipsis.js
+++ b/src/lib/dusk/string/middleEllipsis.js
@@ -4,15 +4,15 @@
  * @param {Number} charactersToDisplay
  * @returns {String}
  */
-function middleEllipsis (originalString, charactersToDisplay) {
-	if (originalString.length <= 2 * charactersToDisplay) {
-		return originalString;
-	}
+function middleEllipsis(originalString, charactersToDisplay) {
+  if (originalString.length <= 2 * charactersToDisplay) {
+    return originalString;
+  }
 
-	return `${originalString.substring(
-		0,
-		charactersToDisplay
-	) }...${ originalString.substring(originalString.length - charactersToDisplay)}`;
+  return `${originalString.substring(
+    0,
+    charactersToDisplay
+  )}...${originalString.substring(originalString.length - charactersToDisplay)}`;
 }
 
 export default middleEllipsis;
diff --git a/src/lib/dusk/string/randomUUID.js b/src/lib/dusk/string/randomUUID.js
new file mode 100644
index 00000000..38de945d
--- /dev/null
+++ b/src/lib/dusk/string/randomUUID.js
@@ -0,0 +1,11 @@
+const randomUUID = crypto?.randomUUID
+  ? () => crypto.randomUUID()
+  : () =>
+      "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === "x" ? r : (r & 0x3) | 0x8;
+
+        return v.toString(16);
+      });
+
+export default randomUUID;
diff --git a/src/lib/dusk/string/truncateDecimals.js b/src/lib/dusk/string/truncateDecimals.js
new file mode 100644
index 00000000..ea9372e3
--- /dev/null
+++ b/src/lib/dusk/string/truncateDecimals.js
@@ -0,0 +1,37 @@
+/**
+ * Truncates the decimal portion of a numeric string to DUSK_DECIMALS places.
+ * @param {string} numberAsString - The numeric string to truncate.
+ * @returns {string} The truncated numeric string.
+ * @param {number} decimalPlaces
+ */
+function truncateDecimals(numberAsString, decimalPlaces) {
+  if (typeof numberAsString !== "string") {
+    throw new TypeError("Expected a string.");
+  }
+
+  // Trim any whitespace
+  const trimmed = numberAsString.trim();
+
+  // Determine the decimal separator by checking which one appears and handling a possible thousands separator scenario
+  const dotIndex = trimmed.indexOf(".");
+  const commaIndex = trimmed.indexOf(",");
+
+  // If both separators appear, decide which one is the decimal based on which appears last
+  let separator;
+  if (dotIndex > -1 && commaIndex > -1) {
+    separator = Math.max(dotIndex, commaIndex) === dotIndex ? "." : ",";
+  } else {
+    separator = dotIndex > -1 ? "." : commaIndex > -1 ? "," : "";
+  }
+
+  if (!separator) {
+    return trimmed;
+  }
+
+  const [integer, decimal] = trimmed.split(separator);
+  return decimal
+    ? `${integer}${separator}${decimal.slice(0, decimalPlaces)}`
+    : trimmed;
+}
+
+export default truncateDecimals;
diff --git a/src/lib/dusk/svelte-stores/__tests__/createDataStore.spec.js b/src/lib/dusk/svelte-stores/__tests__/createDataStore.spec.js
new file mode 100644
index 00000000..be0fd696
--- /dev/null
+++ b/src/lib/dusk/svelte-stores/__tests__/createDataStore.spec.js
@@ -0,0 +1,351 @@
+import {
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { get } from "svelte/store";
+
+import { rejectAfter, resolveAfter } from "$lib/dusk/promise";
+
+import { createDataStore } from "..";
+
+describe("createDataStore", () => {
+  const data1 = { a: 1 };
+  const data2 = { a: 2 };
+  const data3 = { a: 3 };
+  const error = new Error("some error message");
+  const args = [1, "a", new Date()];
+  const dataRetriever = vi.fn().mockResolvedValue(data1);
+
+  /** @type {DataStore} */
+  let dataStore;
+
+  vi.useFakeTimers();
+
+  beforeEach(() => {
+    dataStore = createDataStore(dataRetriever);
+  });
+
+  afterEach(() => {
+    dataRetriever.mockClear();
+  });
+
+  afterAll(() => {
+    vi.useRealTimers();
+  });
+
+  it("should create a readable data store and expose `getData` and `reset` as service method", () => {
+    expect(dataRetriever).not.toHaveBeenCalled();
+    expect(dataStore).toHaveProperty("getData", expect.any(Function));
+    expect(dataStore).toHaveProperty("reset", expect.any(Function));
+    expect(dataStore).toHaveProperty("subscribe", expect.any(Function));
+    expect(dataStore).not.toHaveProperty("set");
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: false,
+    });
+  });
+
+  it("should set the loading property to `true` when `getData` is called and then fill the data and set loading to `false` if the promise resolves", async () => {
+    const expectedState = {
+      data: data1,
+      error: null,
+      isLoading: false,
+    };
+    const dataPromise = dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(1);
+    expect(dataRetriever).toHaveBeenCalledWith(...args);
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: true,
+    });
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+  });
+
+  it("should set the loading property to `true` when `getData` is called and then set the error and the loading to `false` if the promise rejects", async () => {
+    dataRetriever.mockRejectedValueOnce(error);
+
+    const expectedState = {
+      data: null,
+      error,
+      isLoading: false,
+    };
+    const dataPromise = dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(1);
+    expect(dataRetriever).toHaveBeenCalledWith(...args);
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: true,
+    });
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+  });
+
+  it("should ignore the previous call if `getData` is called while the promise is still pending", async () => {
+    // test the first promise as success
+    dataRetriever
+      .mockImplementationOnce(() => resolveAfter(1000, data1))
+      .mockResolvedValueOnce(data2);
+
+    /** @type {DataStoreContent} */
+    let expectedState = {
+      data: data2,
+      error: null,
+      isLoading: false,
+    };
+
+    dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(1);
+    expect(dataRetriever).toHaveBeenCalledWith(...args);
+
+    let dataPromise = dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(2);
+    expect(dataRetriever).toHaveBeenNthCalledWith(2, ...args);
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // waiting for the first promise to resolve
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // test the first promise as failure
+    dataRetriever
+      .mockImplementationOnce(() => rejectAfter(1000, error))
+      .mockResolvedValueOnce(data3);
+
+    dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(3);
+    expect(dataRetriever).toHaveBeenNthCalledWith(3, ...args);
+
+    expectedState = {
+      data: data3,
+      error: null,
+      isLoading: false,
+    };
+    dataPromise = dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(4);
+    expect(dataRetriever).toHaveBeenNthCalledWith(4, ...args);
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // waiting for the first promise to resolve
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // test the first promise as success and the second one as failure
+    dataRetriever
+      .mockImplementationOnce(() => resolveAfter(1000, data1))
+      .mockRejectedValueOnce(error);
+
+    dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(5);
+    expect(dataRetriever).toHaveBeenNthCalledWith(5, ...args);
+
+    expectedState = {
+      data: null,
+      error,
+      isLoading: false,
+    };
+    dataPromise = dataStore.getData(...args);
+
+    expect(dataRetriever).toHaveBeenCalledTimes(6);
+    expect(dataRetriever).toHaveBeenNthCalledWith(6, ...args);
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // waiting for the first promise to resolve
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(get(dataStore)).toStrictEqual(expectedState);
+  });
+
+  it("should clear the error and leave the existing data while the promise is pending and clear the data when it ends with a failure", async () => {
+    dataRetriever.mockRejectedValueOnce(error);
+
+    /** @type {DataStoreContent} */
+    let expectedState = {
+      data: null,
+      error,
+      isLoading: false,
+    };
+    let dataPromise = dataStore.getData();
+
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: true,
+    });
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    expectedState = {
+      data: data1,
+      error: null,
+      isLoading: false,
+    };
+    dataPromise = dataStore.getData();
+
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: true,
+    });
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    dataRetriever.mockRejectedValueOnce(error);
+
+    expectedState = {
+      data: null,
+      error,
+      isLoading: false,
+    };
+    dataPromise = dataStore.getData();
+
+    expect(get(dataStore)).toStrictEqual({
+      data: data1,
+      error: null,
+      isLoading: true,
+    });
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+  });
+
+  it("should expose a `reset` method to reset the data to its initial state", async () => {
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: false,
+    });
+
+    await dataStore.getData(...args);
+
+    expect(get(dataStore)).toStrictEqual({
+      data: data1,
+      error: null,
+      isLoading: false,
+    });
+
+    dataStore.reset();
+
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: false,
+    });
+
+    dataRetriever.mockRejectedValueOnce(error);
+
+    await dataStore.getData(...args);
+
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error,
+      isLoading: false,
+    });
+
+    dataStore.reset();
+
+    expect(get(dataStore)).toStrictEqual({
+      data: null,
+      error: null,
+      isLoading: false,
+    });
+  });
+
+  it("should ignore the pending promise when `reset` is called and have `getData` return the reset store", async () => {
+    const expectedInitialState = {
+      data: null,
+      error: null,
+      isLoading: false,
+    };
+
+    await dataStore.getData(...args);
+
+    let dataPromise = dataStore.getData(...args);
+
+    expect(get(dataStore)).toStrictEqual({
+      data: data1,
+      error: null,
+      isLoading: true,
+    });
+
+    dataStore.reset();
+
+    expect(await dataPromise).toStrictEqual(expectedInitialState);
+    expect(get(dataStore)).toStrictEqual(expectedInitialState);
+
+    await dataStore.getData(...args);
+
+    dataRetriever.mockRejectedValueOnce(error);
+    dataPromise = dataStore.getData(...args);
+
+    expect(get(dataStore)).toStrictEqual({
+      data: data1,
+      error: null,
+      isLoading: true,
+    });
+
+    dataStore.reset();
+
+    expect(await dataPromise).toStrictEqual(expectedInitialState);
+    expect(get(dataStore)).toStrictEqual(expectedInitialState);
+  });
+
+  it("should ignore the pending promise when `reset` is called and a `getData` is called immediately afterwards and return the new result", async () => {
+    const expectedState = {
+      data: data2,
+      error: null,
+      isLoading: false,
+    };
+
+    dataRetriever
+      .mockImplementationOnce(() => resolveAfter(1000, data1))
+      .mockResolvedValueOnce(data2);
+
+    dataStore.getData(...args);
+    dataStore.reset();
+
+    const dataPromise = dataStore.getData(...args);
+
+    expect(await dataPromise).toStrictEqual(expectedState);
+    expect(get(dataStore)).toStrictEqual(expectedState);
+
+    // waiting for the first promise to resolve
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(get(dataStore)).toStrictEqual(expectedState);
+  });
+});
diff --git a/src/lib/dusk/svelte-stores/createDataStore.js b/src/lib/dusk/svelte-stores/createDataStore.js
new file mode 100644
index 00000000..a8ea73d7
--- /dev/null
+++ b/src/lib/dusk/svelte-stores/createDataStore.js
@@ -0,0 +1,78 @@
+import { get, writable } from "svelte/store";
+
+import { getErrorFrom } from "$lib/dusk/error";
+
+/**
+ * @param {(...args: any) => Promise<any>} dataRetriever
+ * @returns {DataStore}
+ */
+function createDataStore(dataRetriever) {
+  /** @type {DataStoreContent} */
+  const initialState = {
+    data: null,
+    error: null,
+    isLoading: false,
+  };
+
+  const dataStore = writable(initialState);
+  const { set, subscribe, update } = dataStore;
+
+  /** @type {number} */
+  let currentRetrieveId = 0;
+
+  /** @type {(...args: Parameters<dataRetriever>) => Promise<DataStoreContent>} */
+  const getData = (...args) => {
+    const retrieveId = ++currentRetrieveId;
+
+    update((store) => ({ ...store, error: null, isLoading: true }));
+
+    return dataRetriever(...args)
+      .then((data) => {
+        if (retrieveId === currentRetrieveId) {
+          const newStoreContent = { data, error: null, isLoading: false };
+
+          set(newStoreContent);
+
+          return newStoreContent;
+        } else {
+          return get(dataStore);
+        }
+      })
+      .catch(
+        /** @param {any} error */
+        (error) => {
+          if (retrieveId === currentRetrieveId) {
+            const newStoreContent = {
+              data: null,
+              error: getErrorFrom(error),
+              isLoading: false,
+            };
+
+            set(newStoreContent);
+
+            return newStoreContent;
+          } else {
+            return get(dataStore);
+          }
+        }
+      );
+  };
+
+  const reset = () => {
+    /**
+     * We don't want pending promises to be written
+     * in the store, and we don't want id clashes
+     * if `getData` is called immediately after `reset`.
+     */
+    currentRetrieveId++;
+    set(initialState);
+  };
+
+  return {
+    getData,
+    reset,
+    subscribe,
+  };
+}
+
+export default createDataStore;
diff --git a/src/lib/dusk/svelte-stores/index.js b/src/lib/dusk/svelte-stores/index.js
new file mode 100644
index 00000000..aebe78ff
--- /dev/null
+++ b/src/lib/dusk/svelte-stores/index.js
@@ -0,0 +1 @@
+export { default as createDataStore } from "./createDataStore";
diff --git a/src/lib/dusk/svelte-stores/svelte-stores.d.ts b/src/lib/dusk/svelte-stores/svelte-stores.d.ts
new file mode 100644
index 00000000..72c0fb24
--- /dev/null
+++ b/src/lib/dusk/svelte-stores/svelte-stores.d.ts
@@ -0,0 +1,10 @@
+type DataStoreContent = {
+  data: any;
+  error: Error | null;
+  isLoading: boolean;
+};
+
+type DataStore = Readable<DataStoreContent> & {
+  getData: (...args: any) => Promise<DataStoreContent>;
+  reset: () => void;
+};
diff --git a/src/lib/dusk/test-helpers/SlotContent.svelte b/src/lib/dusk/test-helpers/SlotContent.svelte
index b29df462..a3b39769 100644
--- a/src/lib/dusk/test-helpers/SlotContent.svelte
+++ b/src/lib/dusk/test-helpers/SlotContent.svelte
@@ -1,15 +1,14 @@
 <script>
+  /** @type {Record<String, *>} */
+  export let componentOptions;
 
-	/** @type {Record<String, *>} */
-	export let componentOptions;
+  /** @type {ConstructorOfATypedSvelteComponent} */
+  export let Component;
 
-	/** @type {ConstructorOfATypedSvelteComponent} */
-	export let Component;
-
-	/** @type {String} */
-	export let text;
+  /** @type {String} */
+  export let text;
 </script>
 
 <svelte:component this={Component} {...componentOptions}>
-	<span>{text}</span>
+  <span>{text}</span>
 </svelte:component>
diff --git a/src/lib/dusk/test-helpers/getAsHTMLElement.js b/src/lib/dusk/test-helpers/getAsHTMLElement.js
index dfc6edea..355e403c 100644
--- a/src/lib/dusk/test-helpers/getAsHTMLElement.js
+++ b/src/lib/dusk/test-helpers/getAsHTMLElement.js
@@ -6,9 +6,7 @@
  * @param {String} selector
  * @returns {HTMLElement}
  */
-function getAsHTMLElement (container, selector) {
-	// eslint-disable-next-line no-extra-parens
-	return /** @type {HTMLElement} */ (container.querySelector(selector));
-}
+const getAsHTMLElement = (container, selector) =>
+  /** @type {HTMLElement} */ (container.querySelector(selector));
 
 export default getAsHTMLElement;
diff --git a/src/lib/dusk/test-helpers/index.js b/src/lib/dusk/test-helpers/index.js
index 3883a64f..7555f7b8 100644
--- a/src/lib/dusk/test-helpers/index.js
+++ b/src/lib/dusk/test-helpers/index.js
@@ -1,6 +1,5 @@
 export { default as getAsHTMLElement } from "./getAsHTMLElement";
 export { default as mockReadableStore } from "./mockReadableStore";
-export { default as mockDerivedStore } from "./mockDerivedStore";
 export { default as renderWithSimpleContent } from "./renderWithSimpleContent";
 export { default as renderWithSlots } from "./renderWithSlots";
 export { default as SlotContent } from "./SlotContent.svelte";
diff --git a/src/lib/dusk/test-helpers/mockDerivedStore.js b/src/lib/dusk/test-helpers/mockDerivedStore.js
deleted file mode 100644
index c66a4b36..00000000
--- a/src/lib/dusk/test-helpers/mockDerivedStore.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { get, writable } from "svelte/store";
-
-/**
- * @param {*} initialValue
- * @param {*} fn
- */
-function mockDerivedStore (initialValue, fn) {
-	const store = writable(initialValue);
-	const { set, subscribe } = store;
-	const getMockedStoreValue = () => get(store);
-
-	/** @param {*} value */
-	const setMockedStoreValue = value => set(value);
-
-	const derivedMockedStoreValue = () => fn(initialValue);
-
-	return {
-		derivedMockedStoreValue,
-		getMockedStoreValue,
-		setMockedStoreValue,
-		subscribe
-	};
-}
-
-export default mockDerivedStore;
diff --git a/src/lib/dusk/test-helpers/mockReadableStore.js b/src/lib/dusk/test-helpers/mockReadableStore.js
index 50c33b40..965397a0 100644
--- a/src/lib/dusk/test-helpers/mockReadableStore.js
+++ b/src/lib/dusk/test-helpers/mockReadableStore.js
@@ -1,20 +1,22 @@
 import { get, writable } from "svelte/store";
 
-/** @param {*} initialValue */
-function mockReadableStore (initialValue) {
-	const store = writable(initialValue);
-	const { set, subscribe } = store;
-	const getMockedStoreValue = () => get(store);
+/**
+ * @template T
+ * @param {T} initialValue
+ */
+function mockReadableStore(initialValue) {
+  const store = writable(initialValue);
+  const { set, subscribe } = store;
+  const getMockedStoreValue = () => get(store);
 
-	/** @param {*} value */
-	const setMockedStoreValue = value => set(value);
+  /** @param {T} value */
+  const setMockedStoreValue = (value) => set(value);
 
-	return {
-		getMockedStoreValue,
-		set,
-		setMockedStoreValue,
-		subscribe
-	};
+  return {
+    getMockedStoreValue,
+    setMockedStoreValue,
+    subscribe,
+  };
 }
 
 export default mockReadableStore;
diff --git a/src/lib/dusk/test-helpers/renderWithSlots.js b/src/lib/dusk/test-helpers/renderWithSlots.js
index ecb15760..24abf8a3 100644
--- a/src/lib/dusk/test-helpers/renderWithSlots.js
+++ b/src/lib/dusk/test-helpers/renderWithSlots.js
@@ -19,10 +19,18 @@ import SlotContent from "./SlotContent.svelte";
  * @param {DefaultSlot} slots
  * @returns {CreateRenderer}
  */
-const renderWithSlots = slots => (Component, options, renderOptions) => render(
-	SlotContent,
-	{ ...options, props: { Component, componentOptions: options?.props, text: slots.default } },
-	renderOptions
-);
+const renderWithSlots = (slots) => (Component, options, renderOptions) =>
+  render(
+    SlotContent,
+    {
+      ...options,
+      props: {
+        Component,
+        componentOptions: options?.props,
+        text: slots.default,
+      },
+    },
+    renderOptions
+  );
 
 export default renderWithSlots;
diff --git a/src/lib/dusk/ui-helpers/__test__/handlePageClick.spec.js b/src/lib/dusk/ui-helpers/__test__/handlePageClick.spec.js
index 32e494da..16b25f24 100644
--- a/src/lib/dusk/ui-helpers/__test__/handlePageClick.spec.js
+++ b/src/lib/dusk/ui-helpers/__test__/handlePageClick.spec.js
@@ -1,69 +1,67 @@
-import {
-	describe, expect, it, vi
-} from "vitest";
+import { describe, expect, it, vi } from "vitest";
 import { handlePageClick } from "../handlePageClick";
 
 describe("handlePageClick", () => {
-	it("calls callback on click outside the node", () => {
-		const node = document.createElement("div");
-		const callback = vi.fn();
+  it("calls callback on click outside the node", () => {
+    const node = document.createElement("div");
+    const callback = vi.fn();
 
-		document.body.appendChild(node);
+    document.body.appendChild(node);
 
-		handlePageClick(node, { callback, enabled: true });
+    handlePageClick(node, { callback, enabled: true });
 
-		document.body.click();
-		expect(callback).toHaveBeenCalledTimes(1);
+    document.body.click();
+    expect(callback).toHaveBeenCalledTimes(1);
 
-		document.body.removeChild(node);
-	});
+    document.body.removeChild(node);
+  });
 
-	it("does not call callback on click inside the node", () => {
-		const node = document.createElement("div");
-		const callback = vi.fn();
+  it("does not call callback on click inside the node", () => {
+    const node = document.createElement("div");
+    const callback = vi.fn();
 
-		document.body.appendChild(node);
+    document.body.appendChild(node);
 
-		handlePageClick(node, { callback, enabled: true });
+    handlePageClick(node, { callback, enabled: true });
 
-		node.click();
-		expect(callback).toHaveBeenCalledTimes(0);
+    node.click();
+    expect(callback).toHaveBeenCalledTimes(0);
 
-		document.body.removeChild(node);
-	});
+    document.body.removeChild(node);
+  });
 
-	it("toggles listener activation based on enabled property", () => {
-		const node = document.createElement("div");
-		const callback = vi.fn();
+  it("toggles listener activation based on enabled property", () => {
+    const node = document.createElement("div");
+    const callback = vi.fn();
 
-		document.body.appendChild(node);
+    document.body.appendChild(node);
 
-		const action = handlePageClick(node, { callback, enabled: false });
+    const action = handlePageClick(node, { callback, enabled: false });
 
-		document.body.click();
-		expect(callback).toHaveBeenCalledTimes(0);
+    document.body.click();
+    expect(callback).toHaveBeenCalledTimes(0);
 
-		action.update({ enabled: true });
+    action.update({ enabled: true });
 
-		document.body.click();
-		expect(callback).toHaveBeenCalledTimes(1);
+    document.body.click();
+    expect(callback).toHaveBeenCalledTimes(1);
 
-		document.body.removeChild(node);
-	});
+    document.body.removeChild(node);
+  });
 
-	it("removes event listener on destroy", () => {
-		const node = document.createElement("div");
-		const callback = vi.fn();
+  it("removes event listener on destroy", () => {
+    const node = document.createElement("div");
+    const callback = vi.fn();
 
-		document.body.appendChild(node);
+    document.body.appendChild(node);
 
-		const action = handlePageClick(node, { callback, enabled: true });
+    const action = handlePageClick(node, { callback, enabled: true });
 
-		action.destroy();
+    action.destroy();
 
-		document.body.click();
-		expect(callback).toHaveBeenCalledTimes(0);
+    document.body.click();
+    expect(callback).toHaveBeenCalledTimes(0);
 
-		document.body.removeChild(node);
-	});
+    document.body.removeChild(node);
+  });
 });
diff --git a/src/lib/dusk/ui-helpers/handlePageClick.js b/src/lib/dusk/ui-helpers/handlePageClick.js
index a1882e89..4b931dcd 100644
--- a/src/lib/dusk/ui-helpers/handlePageClick.js
+++ b/src/lib/dusk/ui-helpers/handlePageClick.js
@@ -6,29 +6,29 @@
  * @param {boolean} config.enabled - Whether the outside click listener is active.
  * @param {Function} config.callback - Callback to execute when an outside click is detected.
  */
-export function handlePageClick (node, { enabled: initialEnabled, callback }) {
-	// @ts-ignore
-	const handleClick = event => {
-		if (node && !node.contains(event.target) && !event.defaultPrevented) {
-			callback();
-		}
-	};
+export function handlePageClick(node, { enabled: initialEnabled, callback }) {
+  // @ts-ignore
+  const handleClick = (event) => {
+    if (node && !node.contains(event.target) && !event.defaultPrevented) {
+      callback();
+    }
+  };
 
-	// @ts-ignore
-	function update ({ enabled }) {
-		if (enabled) {
-			window.addEventListener("click", handleClick);
-		} else {
-			window.removeEventListener("click", handleClick);
-		}
-	}
+  // @ts-ignore
+  function update({ enabled }) {
+    if (enabled) {
+      window.addEventListener("click", handleClick);
+    } else {
+      window.removeEventListener("click", handleClick);
+    }
+  }
 
-	update({ enabled: initialEnabled });
+  update({ enabled: initialEnabled });
 
-	return {
-		destroy () {
-			window.removeEventListener("click", handleClick);
-		},
-		update
-	};
+  return {
+    destroy() {
+      window.removeEventListener("click", handleClick);
+    },
+    update,
+  };
 }
diff --git a/src/lib/errors/index.js b/src/lib/errors/index.js
new file mode 100644
index 00000000..36593554
--- /dev/null
+++ b/src/lib/errors/index.js
@@ -0,0 +1,3 @@
+export { default as InvalidMnemonicError } from "./invalid-mnemonic-error";
+export { default as InvalidPasswordError } from "./invalid-password-error";
+export { default as MismatchedWalletError } from "./mismatched-wallet-error";
diff --git a/src/lib/errors/invalid-mnemonic-error.js b/src/lib/errors/invalid-mnemonic-error.js
new file mode 100644
index 00000000..e9c3fef5
--- /dev/null
+++ b/src/lib/errors/invalid-mnemonic-error.js
@@ -0,0 +1,8 @@
+class InvalidMnemonicError extends Error {
+  constructor() {
+    super("Invalid mnemonic");
+    this.name = "InvalidMnemonicError";
+  }
+}
+
+export default InvalidMnemonicError;
diff --git a/src/lib/errors/invalid-password-error.js b/src/lib/errors/invalid-password-error.js
new file mode 100644
index 00000000..f6683b06
--- /dev/null
+++ b/src/lib/errors/invalid-password-error.js
@@ -0,0 +1,8 @@
+class InvalidPasswordError extends Error {
+  constructor() {
+    super("Wrong password");
+    this.name = "InvalidPasswordError";
+  }
+}
+
+export default InvalidPasswordError;
diff --git a/src/lib/errors/mismatched-wallet-error.js b/src/lib/errors/mismatched-wallet-error.js
new file mode 100644
index 00000000..23d43510
--- /dev/null
+++ b/src/lib/errors/mismatched-wallet-error.js
@@ -0,0 +1,8 @@
+class MismatchedWalletError extends Error {
+  constructor() {
+    super("Mismatched wallet address or no existing wallet");
+    this.name = "MismatchedWalletError";
+  }
+}
+
+export default MismatchedWalletError;
diff --git a/src/lib/mock-data/addresses.js b/src/lib/mock-data/addresses.js
index fa58e354..2b2f8f92 100644
--- a/src/lib/mock-data/addresses.js
+++ b/src/lib/mock-data/addresses.js
@@ -1,6 +1,6 @@
 export default [
-	"2087290d3dc213d43e493f03f5435f99",
-	"ffbee869aca5ff5ee13c2706e5d9779d",
-	"06527a34e1c91fc5785ea7764a0c34b1",
-	"f62d307103ca54516b29fcedd5463d16"
+  "2087290d3dc213d43e493f03f5435f99",
+  "ffbee869aca5ff5ee13c2706e5d9779d",
+  "06527a34e1c91fc5785ea7764a0c34b1",
+  "f62d307103ca54516b29fcedd5463d16",
 ];
diff --git a/src/lib/mock-data/api-market-data.json b/src/lib/mock-data/api-market-data.json
new file mode 100644
index 00000000..ebd4da72
--- /dev/null
+++ b/src/lib/mock-data/api-market-data.json
@@ -0,0 +1,3116 @@
+{
+  "id": "dusk-network",
+  "symbol": "dusk",
+  "name": "Dusk",
+  "web_slug": "dusk",
+  "asset_platform_id": "ethereum",
+  "platforms": {
+    "ethereum": "0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+    "energi": "0x458a9f6a008055fd79f321ea7eb3f83a6cb326e2"
+  },
+  "detail_platforms": {
+    "ethereum": {
+      "decimal_place": 18,
+      "contract_address": "0x940a2db1b7008b6c776d4faaca729d6d4a4aa551"
+    },
+    "energi": {
+      "decimal_place": 18,
+      "contract_address": "0x458a9f6a008055fd79f321ea7eb3f83a6cb326e2"
+    }
+  },
+  "block_time_in_minutes": 0,
+  "hashing_algorithm": "Proof of Stake",
+  "categories": [
+    "Privacy Coins",
+    "Smart Contract Platform",
+    "Layer 1 (L1)",
+    "Ethereum Ecosystem",
+    "Zero Knowledge (ZK)",
+    "Real World Assets (RWA)"
+  ],
+  "preview_listing": false,
+  "public_notice": "DUSK Network (DUSK) has rebranded to Dusk (DUSK). For more information, please view this <a href=\"https://dusk.network/news/dusk-rebrand/\">article</a> on their website.",
+  "additional_notices": [],
+  "localization": {
+    "en": "Dusk",
+    "de": "Dusk",
+    "es": "Dusk",
+    "fr": "Dusk",
+    "it": "Dusk",
+    "pl": "Dusk",
+    "ro": "Dusk",
+    "hu": "Dusk",
+    "nl": "Dusk",
+    "pt": "Dusk",
+    "sv": "Dusk",
+    "vi": "Dusk",
+    "tr": "Dusk",
+    "ru": "Dusk",
+    "ja": "Dusk",
+    "zh": "Dusk",
+    "zh-tw": "Dusk",
+    "ko": "Dusk",
+    "ar": "Dusk",
+    "th": "Dusk",
+    "id": "Dusk",
+    "cs": "Dusk",
+    "da": "Dusk",
+    "el": "Dusk",
+    "hi": "Dusk",
+    "no": "Dusk",
+    "sk": "Dusk",
+    "uk": "Dusk",
+    "he": "Dusk",
+    "fi": "Dusk",
+    "bg": "Dusk",
+    "hr": "Dusk",
+    "lt": "Dusk",
+    "sl": "Dusk"
+  },
+  "description": {
+    "en": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "de": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "es": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "fr": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "it": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "pl": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "ro": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "hu": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "nl": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "pt": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "sv": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "vi": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "tr": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "ru": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "ja": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "zh": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "zh-tw": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "ko": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "ar": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "th": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "id": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "cs": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "da": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "el": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "hi": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "no": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "sk": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "uk": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "he": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "fi": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "bg": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "hr": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "lt": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC).",
+    "sl": "Dusk Network is a high throughput permissionless blockchain aimed at providing privacy, programmability and auditability.\r\nDusk Network is currently in the Testnet phase and is a blockchain protocol for easy deployment of programmable zero-knowledge dApps, thus becoming the backbone of an open, permissionless and global privacy-oriented dApp ecosystem.\r\nDusk Network aims to remove technical barriers that have undermined mainstream issuance and trading of security tokens. Compliance, auditability and privacy are built into the open, permissionless Confidential Security Token-standard (XSC)."
+  },
+  "links": {
+    "homepage": ["https://dusk.network/", "", ""],
+    "whitepaper": "https://dusk-cms.ams3.digitaloceanspaces.com/The_Dusk_Network_Whitepaper_v3_0_0_42ac204d48.pdf",
+    "blockchain_site": [
+      "https://etherscan.io/token/0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+      "https://ethplorer.io/address/0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+      "https://explorer.energi.network/token/0x458a9f6a008055fd79f321ea7eb3f83a6cb326e2",
+      "",
+      "",
+      "",
+      "",
+      "",
+      "",
+      ""
+    ],
+    "official_forum_url": ["", "", ""],
+    "chat_url": ["https://discord.com/invite/dusknetwork", "", ""],
+    "announcement_url": ["https://dusk.network/pages/all-posts", ""],
+    "twitter_screen_name": "DuskFoundation",
+    "facebook_username": "",
+    "bitcointalk_thread_identifier": null,
+    "telegram_channel_identifier": "DuskNetwork",
+    "subreddit_url": "https://www.reddit.com/r/DuskNetwork/",
+    "repos_url": {
+      "github": [
+        "https://github.com/dusk-network/dusk-blockchain",
+        "https://github.com/dusk-network/dusk-zerocaf"
+      ],
+      "bitbucket": []
+    }
+  },
+  "image": {
+    "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+    "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+    "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+  },
+  "country_origin": "NL",
+  "genesis_date": null,
+  "contract_address": "0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+  "sentiment_votes_up_percentage": 100,
+  "sentiment_votes_down_percentage": 0,
+  "ico_data": {
+    "ico_start_date": null,
+    "ico_end_date": null,
+    "short_desc": "Dusk Network is a decentralized infrastructure focused on providing the sweet-spot between privacy and transparency in payment, communication and asset ownership transfers.",
+    "description": null,
+    "links": {},
+    "softcap_currency": "USD",
+    "hardcap_currency": "USD",
+    "total_raised_currency": "USD",
+    "softcap_amount": "2000000.0",
+    "hardcap_amount": "14400000.0",
+    "total_raised": "8075557.0",
+    "quote_pre_sale_currency": "USD",
+    "base_pre_sale_amount": "1.0",
+    "quote_pre_sale_amount": "0.0404",
+    "quote_public_sale_currency": "USD",
+    "base_public_sale_amount": 1,
+    "quote_public_sale_amount": 0.0404,
+    "accepting_currencies": "ETH, BTC, USD, EUR, USDT",
+    "country_origin": "NL",
+    "pre_sale_start_date": "2018-08-01T00:00:00.000Z",
+    "pre_sale_end_date": "2018-11-30T00:00:00.000Z",
+    "whitelist_url": "",
+    "whitelist_start_date": null,
+    "whitelist_end_date": null,
+    "bounty_detail_url": "",
+    "amount_for_sale": "50000000.0",
+    "kyc_required": true,
+    "whitelist_available": false,
+    "pre_sale_available": true,
+    "pre_sale_ended": false
+  },
+  "watchlist_portfolio_users": 27468,
+  "market_cap_rank": 325,
+  "market_data": {
+    "current_price": {
+      "aed": 1.35,
+      "ars": 319.83,
+      "aud": 0.573616,
+      "bch": 0.00075043,
+      "bdt": 40.41,
+      "bhd": 0.138796,
+      "bmd": 0.36835,
+      "bnb": 0.00066987,
+      "brl": 1.91,
+      "btc": 0.00000582,
+      "cad": 0.508229,
+      "chf": 0.336472,
+      "clp": 358.33,
+      "cny": 2.67,
+      "czk": 8.78,
+      "dkk": 2.59,
+      "dot": 0.05484136,
+      "eos": 0.49008492,
+      "eth": 0.00011927,
+      "eur": 0.347003,
+      "gbp": 0.29612,
+      "gel": 0.983494,
+      "hkd": 2.88,
+      "huf": 136.94,
+      "idr": 5954.57,
+      "ils": 1.38,
+      "inr": 30.76,
+      "jpy": 56.89,
+      "krw": 513.15,
+      "kwd": 0.113514,
+      "lkr": 110.12,
+      "ltc": 0.00468854,
+      "mmk": 773.15,
+      "mxn": 6.18,
+      "myr": 1.77,
+      "ngn": 442.45,
+      "nok": 4.04,
+      "nzd": 0.625366,
+      "php": 21,
+      "pkr": 102.41,
+      "pln": 1.5,
+      "rub": 34.52,
+      "sar": 1.38,
+      "sek": 4.02,
+      "sgd": 0.50277,
+      "thb": 13.51,
+      "try": 11.95,
+      "twd": 11.97,
+      "uah": 14.63,
+      "usd": 0.36835,
+      "vef": 0.03688286,
+      "vnd": 9306.36,
+      "xag": 0.01294522,
+      "xau": 0.00015517,
+      "xdr": 0.280918,
+      "xlm": 3.402263,
+      "xrp": 0.74336895,
+      "yfi": 0.00005319,
+      "zar": 7.02,
+      "bits": 5.82,
+      "link": 0.02705436,
+      "sats": 582.4
+    },
+    "total_value_locked": null,
+    "mcap_to_tvl_ratio": null,
+    "fdv_to_tvl_ratio": null,
+    "roi": {
+      "times": 8.11756804433127,
+      "currency": "usd",
+      "percentage": 811.756804433127
+    },
+    "ath": {
+      "aed": 4,
+      "ars": 583.71,
+      "aud": 1.5,
+      "bch": 0.00276833,
+      "bdt": 93.55,
+      "bhd": 0.410955,
+      "bmd": 1.09,
+      "bnb": 0.02127152,
+      "brl": 6.22,
+      "btc": 0.00006389,
+      "cad": 1.39,
+      "chf": 0.996555,
+      "clp": 925.75,
+      "cny": 6.94,
+      "czk": 23.95,
+      "dkk": 7.14,
+      "dot": 0.07246626,
+      "eos": 0.64439393,
+      "eth": 0.00300852,
+      "eur": 0.960147,
+      "gbp": 0.807931,
+      "gel": 1.84,
+      "hkd": 8.5,
+      "huf": 355.45,
+      "idr": 15493.52,
+      "ils": 3.4,
+      "inr": 81.19,
+      "jpy": 125.33,
+      "krw": 1292.2,
+      "kwd": 0.329696,
+      "lkr": 221.07,
+      "ltc": 0.00732209,
+      "mmk": 1938.7,
+      "mxn": 22.42,
+      "myr": 4.56,
+      "ngn": 965.37,
+      "nok": 9.58,
+      "nzd": 1.6,
+      "php": 55.66,
+      "pkr": 194.17,
+      "pln": 4.41,
+      "rub": 80.96,
+      "sar": 4.09,
+      "sek": 9.84,
+      "sgd": 1.39,
+      "thb": 36.5,
+      "try": 21.99,
+      "twd": 30.14,
+      "uah": 29.7,
+      "usd": 1.09,
+      "vef": 168549,
+      "vnd": 24877,
+      "xag": 0.04774343,
+      "xau": 0.00060405,
+      "xdr": 0.77837,
+      "xlm": 7.40162,
+      "xrp": 2.060888,
+      "yfi": 0.00007734,
+      "zar": 17.37,
+      "bits": 36.94,
+      "link": 0.12971904,
+      "sats": 3694.36
+    },
+    "ath_change_percentage": {
+      "aed": -66.37749,
+      "ars": -45.48488,
+      "aud": -61.98549,
+      "bch": -72.9908,
+      "bdt": -57.02262,
+      "bhd": -66.39744,
+      "bmd": -66.37291,
+      "bnb": -96.86767,
+      "brl": -69.43721,
+      "btc": -90.92454,
+      "cad": -63.70094,
+      "chf": -66.40244,
+      "clp": -61.48709,
+      "cny": -61.77634,
+      "czk": -63.51876,
+      "dkk": -63.90543,
+      "dot": -24.54935,
+      "eos": -24.35588,
+      "eth": -96.05072,
+      "eur": -64.02691,
+      "gbp": -63.50168,
+      "gel": -46.86977,
+      "hkd": -66.23995,
+      "huf": -61.64794,
+      "idr": -61.73231,
+      "ils": -59.52648,
+      "inr": -62.30899,
+      "jpy": -54.81442,
+      "krw": -60.46069,
+      "kwd": -65.76151,
+      "lkr": -50.43743,
+      "ltc": -36.08704,
+      "mmk": -60.31999,
+      "mxn": -72.54904,
+      "myr": -61.44785,
+      "ngn": -54.39719,
+      "nok": -58.05547,
+      "nzd": -60.98564,
+      "php": -62.45807,
+      "pkr": -47.52244,
+      "pln": -66.21418,
+      "rub": -57.57527,
+      "sar": -66.40207,
+      "sek": -59.32178,
+      "sgd": -63.93221,
+      "thb": -63.13392,
+      "try": -45.93071,
+      "twd": -60.45546,
+      "uah": -50.97541,
+      "usd": -66.37291,
+      "vef": -99.99998,
+      "vnd": -62.75421,
+      "xag": -72.94466,
+      "xau": -74.41291,
+      "xdr": -64.09022,
+      "xlm": -54.10656,
+      "xrp": -64.01929,
+      "yfi": -31.38844,
+      "zar": -59.78189,
+      "bits": -84.30498,
+      "link": -79.16712,
+      "sats": -84.30498
+    },
+    "ath_date": {
+      "aed": "2021-12-29T21:34:22.823Z",
+      "ars": "2024-03-28T07:00:40.794Z",
+      "aud": "2021-12-29T21:34:22.823Z",
+      "bch": "2022-01-17T15:30:02.036Z",
+      "bdt": "2021-12-29T21:34:22.823Z",
+      "bhd": "2021-12-29T21:34:22.823Z",
+      "bmd": "2021-12-29T21:34:22.823Z",
+      "bnb": "2019-07-22T07:49:23.013Z",
+      "brl": "2021-12-29T21:34:22.823Z",
+      "btc": "2019-07-22T07:49:23.013Z",
+      "cad": "2021-12-29T21:34:22.823Z",
+      "chf": "2021-12-29T21:34:22.823Z",
+      "clp": "2021-12-29T21:34:22.823Z",
+      "cny": "2021-12-29T21:34:22.823Z",
+      "czk": "2021-12-29T21:34:22.823Z",
+      "dkk": "2021-12-29T21:34:22.823Z",
+      "dot": "2024-03-27T19:00:26.162Z",
+      "eos": "2024-03-27T19:00:26.162Z",
+      "eth": "2019-07-22T07:49:23.013Z",
+      "eur": "2021-12-29T21:34:22.823Z",
+      "gbp": "2021-12-29T21:34:22.823Z",
+      "gel": "2024-03-27T18:49:53.005Z",
+      "hkd": "2021-12-29T21:34:22.823Z",
+      "huf": "2021-12-29T21:34:22.823Z",
+      "idr": "2021-12-29T21:34:22.823Z",
+      "ils": "2021-12-29T21:34:22.823Z",
+      "inr": "2021-12-29T21:34:22.823Z",
+      "jpy": "2021-12-29T21:34:22.823Z",
+      "krw": "2021-12-29T21:34:22.823Z",
+      "kwd": "2021-12-29T21:34:22.823Z",
+      "lkr": "2021-12-29T21:34:22.823Z",
+      "ltc": "2021-12-29T21:34:22.823Z",
+      "mmk": "2021-12-29T21:34:22.823Z",
+      "mxn": "2021-12-29T21:34:22.823Z",
+      "myr": "2021-12-29T21:34:22.823Z",
+      "ngn": "2024-03-28T07:00:40.794Z",
+      "nok": "2021-12-29T21:34:22.823Z",
+      "nzd": "2021-12-29T21:34:22.823Z",
+      "php": "2021-12-29T21:34:22.823Z",
+      "pkr": "2021-12-29T21:34:22.823Z",
+      "pln": "2021-12-29T21:34:22.823Z",
+      "rub": "2022-01-17T01:19:41.743Z",
+      "sar": "2021-12-29T21:34:22.823Z",
+      "sek": "2021-12-29T21:34:22.823Z",
+      "sgd": "2022-01-17T00:00:00.000Z",
+      "thb": "2021-12-29T21:34:22.823Z",
+      "try": "2024-03-28T07:00:40.794Z",
+      "twd": "2021-12-29T21:34:22.823Z",
+      "uah": "2021-12-29T21:34:22.823Z",
+      "usd": "2021-12-29T21:34:22.823Z",
+      "vef": "2019-07-22T07:49:23.013Z",
+      "vnd": "2021-12-29T21:34:22.823Z",
+      "xag": "2021-12-29T21:34:22.823Z",
+      "xau": "2021-12-29T21:34:22.823Z",
+      "xdr": "2021-12-29T21:34:22.823Z",
+      "xlm": "2019-07-22T07:49:23.013Z",
+      "xrp": "2019-07-22T07:49:23.013Z",
+      "yfi": "2024-03-27T19:00:26.162Z",
+      "zar": "2021-12-29T21:34:22.823Z",
+      "bits": "2019-07-08T00:00:00.000Z",
+      "link": "2019-07-09T00:00:00.000Z",
+      "sats": "2019-07-08T00:00:00.000Z"
+    },
+    "atl": {
+      "aed": 0.04089277,
+      "ars": 0.698,
+      "aud": 0.01765686,
+      "bch": 0.00007184,
+      "bdt": 0.950012,
+      "bhd": 0.004199,
+      "bmd": 0.01113274,
+      "bnb": 0.00028474,
+      "brl": 0.053344,
+      "btc": 0.00000135,
+      "cad": 0.01550705,
+      "chf": 0.01053028,
+      "clp": 9.49,
+      "cny": 0.078081,
+      "czk": 0.261334,
+      "dkk": 0.074425,
+      "dot": 0.00311054,
+      "eos": 0.00680434,
+      "eth": 0.00003619,
+      "eur": 0.00995928,
+      "gbp": 0.00887591,
+      "gel": 0.391164,
+      "hkd": 0.086598,
+      "huf": 3.37,
+      "idr": 164.78,
+      "ils": 0.04106477,
+      "inr": 0.840522,
+      "jpy": 1.17,
+      "krw": 13.62,
+      "kwd": 0.00342523,
+      "lkr": 2.05,
+      "ltc": 0.00028811,
+      "mmk": 15.55,
+      "mxn": 0.24519,
+      "myr": 0.04776501,
+      "ngn": 5.22,
+      "nok": 0.113864,
+      "nzd": 0.01812904,
+      "php": 0.569092,
+      "pkr": 1.78,
+      "pln": 0.04368643,
+      "rub": 0.834003,
+      "sar": 0.04179063,
+      "sek": 0.108781,
+      "sgd": 0.01571375,
+      "thb": 0.35647,
+      "try": 0.070342,
+      "twd": 0.336687,
+      "uah": 0.28951,
+      "usd": 0.01113274,
+      "vef": 0.00450469,
+      "vnd": 259.62,
+      "xag": 0.00072132,
+      "xau": 0.00000714,
+      "xdr": 0.00801081,
+      "xlm": 0.13051577,
+      "xrp": 0.07335727,
+      "yfi": 0.00000135,
+      "zar": 0.184668,
+      "bits": 1.35,
+      "link": 0.00246723,
+      "sats": 134.89
+    },
+    "atl_change_percentage": {
+      "aed": 3191.46841,
+      "ars": 45489.13233,
+      "aud": 3135.06269,
+      "bch": 940.83149,
+      "bdt": 4132.00726,
+      "bhd": 3188.67543,
+      "bmd": 3192.14061,
+      "bnb": 134.00296,
+      "brl": 3462.70611,
+      "btc": 329.86453,
+      "cad": 3163.11712,
+      "chf": 3079.57457,
+      "clp": 3655.78836,
+      "cny": 3297.8481,
+      "czk": 3243.51179,
+      "dkk": 3362.36516,
+      "dot": 1657.7724,
+      "eos": 7063.75082,
+      "eth": 228.33663,
+      "eur": 3368.06854,
+      "gbp": 3222.26736,
+      "gel": 150.16848,
+      "hkd": 3212.8449,
+      "huf": 3947.45188,
+      "idr": 3498.18542,
+      "ils": 3251.13255,
+      "inr": 3540.71436,
+      "jpy": 4740.91381,
+      "krw": 3650.03608,
+      "kwd": 3195.62886,
+      "lkr": 5251.55464,
+      "ltc": 1524.29995,
+      "mmk": 4848.60271,
+      "mxn": 2410.3573,
+      "myr": 3578.8645,
+      "ngn": 8326.7838,
+      "nok": 3428.53654,
+      "nzd": 3334.28066,
+      "php": 3571.58042,
+      "pkr": 5617.61893,
+      "pln": 3311.55695,
+      "rub": 4018.58534,
+      "sar": 3189.71569,
+      "sek": 3579.46506,
+      "sgd": 3084.92778,
+      "thb": 3674.31788,
+      "try": 16802.64411,
+      "twd": 3439.78854,
+      "uah": 4928.90146,
+      "usd": 3192.14061,
+      "vef": 714.66671,
+      "vnd": 3469.00382,
+      "xag": 1690.75754,
+      "xau": 2065.94685,
+      "xdr": 3389.17346,
+      "xlm": 2502.64148,
+      "xrp": 910.83677,
+      "yfi": 3833.91244,
+      "zar": 3683.38615,
+      "bits": 329.86453,
+      "link": 995.3262,
+      "sats": 329.86453
+    },
+    "atl_date": {
+      "aed": "2020-03-13T02:24:16.885Z",
+      "ars": "2020-03-13T02:24:16.885Z",
+      "aud": "2020-03-13T02:24:16.885Z",
+      "bch": "2020-04-08T04:54:28.669Z",
+      "bdt": "2020-03-13T02:24:16.885Z",
+      "bhd": "2020-03-13T02:24:16.885Z",
+      "bmd": "2020-03-13T02:24:16.885Z",
+      "bnb": "2021-06-05T10:13:30.628Z",
+      "brl": "2020-03-13T02:24:16.885Z",
+      "btc": "2021-01-07T19:10:22.220Z",
+      "cad": "2020-03-13T02:24:16.885Z",
+      "chf": "2020-03-13T02:24:16.885Z",
+      "clp": "2020-03-13T02:24:16.885Z",
+      "cny": "2020-03-13T02:24:16.885Z",
+      "czk": "2020-03-13T02:24:16.885Z",
+      "dkk": "2020-03-13T02:24:16.885Z",
+      "dot": "2021-01-17T10:52:28.329Z",
+      "eos": "2020-04-23T14:24:44.649Z",
+      "eth": "2021-10-28T21:56:41.270Z",
+      "eur": "2020-03-13T02:24:16.885Z",
+      "gbp": "2020-03-13T02:24:16.885Z",
+      "gel": "2023-12-18T13:00:09.533Z",
+      "hkd": "2020-03-13T02:24:16.885Z",
+      "huf": "2020-03-13T02:24:16.885Z",
+      "idr": "2020-03-13T02:24:16.885Z",
+      "ils": "2020-03-13T02:24:16.885Z",
+      "inr": "2020-03-13T02:24:16.885Z",
+      "jpy": "2020-03-13T02:24:16.885Z",
+      "krw": "2020-03-13T02:24:16.885Z",
+      "kwd": "2020-03-13T02:24:16.885Z",
+      "lkr": "2020-03-13T02:24:16.885Z",
+      "ltc": "2021-01-04T06:48:55.900Z",
+      "mmk": "2020-03-13T02:24:16.885Z",
+      "mxn": "2020-03-13T02:24:16.885Z",
+      "myr": "2020-03-13T02:24:16.885Z",
+      "ngn": "2020-03-17T00:00:00.000Z",
+      "nok": "2020-03-13T02:24:16.885Z",
+      "nzd": "2020-03-13T02:24:16.885Z",
+      "php": "2020-03-13T02:24:16.885Z",
+      "pkr": "2020-03-13T02:24:16.885Z",
+      "pln": "2020-03-13T02:24:16.885Z",
+      "rub": "2020-03-13T02:24:16.885Z",
+      "sar": "2020-03-13T02:24:16.885Z",
+      "sek": "2020-03-13T02:24:16.885Z",
+      "sgd": "2020-03-13T02:24:16.885Z",
+      "thb": "2020-03-13T02:24:16.885Z",
+      "try": "2020-03-13T02:24:16.885Z",
+      "twd": "2020-03-13T02:24:16.885Z",
+      "uah": "2020-03-13T02:24:16.885Z",
+      "usd": "2020-03-13T02:24:16.885Z",
+      "vef": "2021-01-05T04:19:21.758Z",
+      "vnd": "2020-03-13T02:24:16.885Z",
+      "xag": "2020-03-13T02:24:16.885Z",
+      "xau": "2020-03-13T02:24:16.885Z",
+      "xdr": "2020-03-13T02:24:16.885Z",
+      "xlm": "2021-01-07T01:09:39.168Z",
+      "xrp": "2020-11-24T19:54:28.155Z",
+      "yfi": "2020-09-27T02:19:29.878Z",
+      "zar": "2020-03-13T02:24:16.885Z",
+      "bits": "2021-01-07T19:10:22.220Z",
+      "link": "2021-01-23T15:40:53.841Z",
+      "sats": "2021-01-07T19:10:22.220Z"
+    },
+    "market_cap": {
+      "aed": 616985128,
+      "ars": 145872642453,
+      "aud": 261625080,
+      "bch": 342202,
+      "bdt": 18429511012,
+      "bhd": 63304460,
+      "bmd": 168003684,
+      "bnb": 305117,
+      "brl": 871132701,
+      "btc": 2656,
+      "cad": 231802243,
+      "chf": 153464309,
+      "clp": 163432303472,
+      "cny": 1216195467,
+      "czk": 4002973371,
+      "dkk": 1180721489,
+      "dot": 25014685,
+      "eos": 223498130,
+      "eth": 54373,
+      "eur": 158267534,
+      "gbp": 135059673,
+      "gel": 448569835,
+      "hkd": 1315131996,
+      "huf": 62457953146,
+      "idr": 2715870731268,
+      "ils": 631332811,
+      "inr": 14029638347,
+      "jpy": 25949484977,
+      "krw": 234045757046,
+      "kwd": 51773359,
+      "lkr": 50226241670,
+      "ltc": 2138497,
+      "mmk": 352630426878,
+      "mxn": 2820226933,
+      "myr": 805409660,
+      "ngn": 201800424800,
+      "nok": 1840767809,
+      "nzd": 285228254,
+      "php": 9576292797,
+      "pkr": 46707756314,
+      "pln": 683755168,
+      "rub": 15745424856,
+      "sar": 630218610,
+      "sek": 1834888856,
+      "sgd": 229312428,
+      "thb": 6162207115,
+      "try": 5451686104,
+      "twd": 5457600169,
+      "uah": 6673821004,
+      "usd": 168003684,
+      "vef": 16822209,
+      "vnd": 4244613068821,
+      "xag": 5904293,
+      "xau": 70773,
+      "xdr": 128125993,
+      "xlm": 1552480451,
+      "xrp": 339128094,
+      "yfi": 24230,
+      "zar": 3202976790,
+      "bits": 2655974567,
+      "link": 12342514,
+      "sats": 265597456683
+    },
+    "market_cap_rank": 325,
+    "fully_diluted_valuation": {
+      "aed": 674997378,
+      "ars": 159588370367,
+      "aud": 286224473,
+      "bch": 374378,
+      "bdt": 20162352444,
+      "bhd": 69256685,
+      "bmd": 183800291,
+      "bnb": 333806,
+      "brl": 953041268,
+      "btc": 2906,
+      "cad": 253597532,
+      "chf": 167893846,
+      "clp": 178799084858,
+      "cny": 1330548685,
+      "czk": 4379354388,
+      "dkk": 1291739254,
+      "dot": 27366700,
+      "eos": 244512623,
+      "eth": 59486,
+      "eur": 173148696,
+      "gbp": 147758708,
+      "gel": 490746776,
+      "hkd": 1438787757,
+      "huf": 68330584758,
+      "idr": 2971231458084,
+      "ils": 690694106,
+      "inr": 15348780161,
+      "jpy": 28389394678,
+      "krw": 256051993919,
+      "kwd": 56641368,
+      "lkr": 54948782190,
+      "ltc": 2339569,
+      "mmk": 385786630179,
+      "mxn": 3085399790,
+      "myr": 881138594,
+      "ngn": 220774782658,
+      "nok": 2013846668,
+      "nzd": 312046944,
+      "php": 10476707187,
+      "pkr": 51099469978,
+      "pln": 748045495,
+      "rub": 17225894117,
+      "sar": 689475143,
+      "sek": 2007414944,
+      "sgd": 250873612,
+      "thb": 6741610865,
+      "try": 5964282859,
+      "twd": 5970752997,
+      "uah": 7301329436,
+      "usd": 183800291,
+      "vef": 18403923,
+      "vnd": 4643714346297,
+      "xag": 6459446,
+      "xau": 77428,
+      "xdr": 140173086,
+      "xlm": 1698452987,
+      "xrp": 371014736,
+      "yfi": 26508,
+      "zar": 3504137840,
+      "bits": 2905703535,
+      "link": 13503023,
+      "sats": 290570353514
+    },
+    "market_cap_fdv_ratio": 0.91,
+    "total_volume": {
+      "aed": 86532688,
+      "ars": 20458761930,
+      "aud": 36693140,
+      "bch": 48003,
+      "bdt": 2584754564,
+      "bhd": 8878504,
+      "bmd": 23562659,
+      "bnb": 42851,
+      "brl": 122177101,
+      "btc": 372.548,
+      "cad": 32510461,
+      "chf": 21523500,
+      "clp": 22921519294,
+      "cny": 170572447,
+      "czk": 561420413,
+      "dkk": 165597191,
+      "dot": 3508102,
+      "eos": 31349835,
+      "eth": 7629,
+      "eur": 22197156,
+      "gbp": 18942234,
+      "gel": 62912300,
+      "hkd": 184448379,
+      "huf": 8759780947,
+      "idr": 380903175471,
+      "ils": 88544963,
+      "inr": 1967668687,
+      "jpy": 3639437296,
+      "krw": 32825116099,
+      "kwd": 7261258,
+      "lkr": 7044273030,
+      "ltc": 299917,
+      "mmk": 49456716706,
+      "mxn": 395539221,
+      "myr": 112959388,
+      "ngn": 28302680880,
+      "nok": 258169248,
+      "nzd": 40003505,
+      "php": 1343083194,
+      "pkr": 6550802472,
+      "pln": 95897243,
+      "rub": 2208309202,
+      "sar": 88388695,
+      "sek": 257344720,
+      "sgd": 32161263,
+      "thb": 864254779,
+      "try": 764603604,
+      "twd": 765433056,
+      "uah": 936009061,
+      "usd": 23562659,
+      "vef": 2359329,
+      "vnd": 595310586010,
+      "xag": 828082,
+      "xau": 9926.01,
+      "xdr": 17969779,
+      "xlm": 217636562,
+      "xrp": 47551951,
+      "yfi": 3403,
+      "zar": 449220214,
+      "bits": 372547913,
+      "link": 1730618,
+      "sats": 37254791319
+    },
+    "high_24h": {
+      "aed": 1.48,
+      "ars": 350.31,
+      "aud": 0.623365,
+      "bch": 0.00074901,
+      "bdt": 44.34,
+      "bhd": 0.152282,
+      "bmd": 0.404159,
+      "bnb": 0.00069475,
+      "brl": 2.07,
+      "btc": 0.00000607,
+      "cad": 0.55527,
+      "chf": 0.369128,
+      "clp": 392.39,
+      "cny": 2.93,
+      "czk": 9.6,
+      "dkk": 2.83,
+      "dot": 0.05642413,
+      "eos": 0.49990628,
+      "eth": 0.00012381,
+      "eur": 0.37922,
+      "gbp": 0.323527,
+      "gel": 1.079,
+      "hkd": 3.16,
+      "huf": 149.17,
+      "idr": 6489.93,
+      "ils": 1.5,
+      "inr": 33.72,
+      "jpy": 62.21,
+      "krw": 559.21,
+      "kwd": 0.124465,
+      "lkr": 120.61,
+      "ltc": 0.00492229,
+      "mmk": 848.46,
+      "mxn": 6.71,
+      "myr": 1.93,
+      "ngn": 485.46,
+      "nok": 4.41,
+      "nzd": 0.680179,
+      "php": 22.98,
+      "pkr": 112.31,
+      "pln": 1.63,
+      "rub": 37.84,
+      "sar": 1.52,
+      "sek": 4.38,
+      "sgd": 0.549901,
+      "thb": 14.83,
+      "try": 13.09,
+      "twd": 13.1,
+      "uah": 15.93,
+      "usd": 0.404159,
+      "vef": 0.0404684,
+      "vnd": 10182.88,
+      "xag": 0.0142181,
+      "xau": 0.00017167,
+      "xdr": 0.30473,
+      "xlm": 3.558684,
+      "xrp": 0.7791882,
+      "yfi": 0.00005554,
+      "zar": 7.67,
+      "bits": 6.07,
+      "link": 0.02779479,
+      "sats": 607.02
+    },
+    "low_24h": {
+      "aed": 1.27,
+      "ars": 301.05,
+      "aud": 0.538344,
+      "bch": 0.00069933,
+      "bdt": 38.04,
+      "bhd": 0.130671,
+      "bmd": 0.346728,
+      "bnb": 0.00063448,
+      "brl": 1.8,
+      "btc": 0.00000552,
+      "cad": 0.478233,
+      "chf": 0.316533,
+      "clp": 337.23,
+      "cny": 2.51,
+      "czk": 8.26,
+      "dkk": 2.43,
+      "dot": 0.05294543,
+      "eos": 0.47248022,
+      "eth": 0.00011406,
+      "eur": 0.326357,
+      "gbp": 0.278717,
+      "gel": 0.925763,
+      "hkd": 2.71,
+      "huf": 128.66,
+      "idr": 5583.46,
+      "ils": 1.3,
+      "inr": 28.96,
+      "jpy": 53.47,
+      "krw": 481.63,
+      "kwd": 0.106782,
+      "lkr": 103.66,
+      "ltc": 0.00452714,
+      "mmk": 727.76,
+      "mxn": 5.8,
+      "myr": 1.65,
+      "ngn": 416.48,
+      "nok": 3.8,
+      "nzd": 0.587157,
+      "php": 19.73,
+      "pkr": 96.37,
+      "pln": 1.4,
+      "rub": 32.42,
+      "sar": 1.3,
+      "sek": 3.78,
+      "sgd": 0.472573,
+      "thb": 12.73,
+      "try": 11.24,
+      "twd": 11.25,
+      "uah": 13.72,
+      "usd": 0.346728,
+      "vef": 0.03471786,
+      "vnd": 8735.9,
+      "xag": 0.01204272,
+      "xau": 0.00014583,
+      "xdr": 0.263322,
+      "xlm": 3.299157,
+      "xrp": 0.71447774,
+      "yfi": 0.00005094,
+      "zar": 6.58,
+      "bits": 5.52,
+      "link": 0.02602978,
+      "sats": 552.15
+    },
+    "price_change_24h": -0.032240143856508,
+    "price_change_percentage_24h": -8.04817,
+    "price_change_percentage_7d": -26.5152,
+    "price_change_percentage_14d": -27.4581,
+    "price_change_percentage_30d": 11.2603,
+    "price_change_percentage_60d": 11.4714,
+    "price_change_percentage_200d": 205.29548,
+    "price_change_percentage_1y": 87.49907,
+    "market_cap_change_24h": -14744904.379095,
+    "market_cap_change_percentage_24h": -8.06841,
+    "price_change_24h_in_currency": {
+      "aed": -0.118420345800472,
+      "ars": -27.387331698964545,
+      "aud": -0.044325161724802165,
+      "bch": 0.00003049,
+      "bdt": -3.5453647905353805,
+      "bhd": -0.01216463935131426,
+      "bmd": -0.032240143856507586,
+      "bnb": -0.000024876704034712,
+      "brl": -0.13901012445758387,
+      "btc": -2.01898511034e-7,
+      "cad": -0.04284396344376529,
+      "chf": -0.029288179010167503,
+      "clp": -28.09007011760849,
+      "cny": -0.23318933044522527,
+      "czk": -0.7422969267782182,
+      "dkk": -0.21646722422194742,
+      "dot": -0.001582770970613622,
+      "eos": -0.006471953950213273,
+      "eth": -0.00000433950637988,
+      "eur": -0.029002947375875558,
+      "gbp": -0.025137792696274534,
+      "gel": -0.0860811840968726,
+      "hkd": -0.2547031121854686,
+      "huf": -10.371740945450085,
+      "idr": -482.23092939692833,
+      "ils": -0.10907747392154254,
+      "inr": -2.6669969149981263,
+      "jpy": -4.748936225731889,
+      "krw": -41.29572036688637,
+      "kwd": -0.009846449695760276,
+      "lkr": -9.42671516951799,
+      "ltc": -0.000196122085332801,
+      "mmk": -67.82401505962775,
+      "mxn": -0.4650846335369385,
+      "myr": -0.14835010630896317,
+      "ngn": -38.7257861397224,
+      "nok": -0.33764656781680635,
+      "nzd": -0.04913465635059222,
+      "php": -1.757992313793732,
+      "pkr": -8.911613425060082,
+      "pln": -0.1087833512888039,
+      "rub": -2.933818018236664,
+      "sar": -0.12100113045087202,
+      "sek": -0.3338348367706523,
+      "sgd": -0.04227282706677882,
+      "thb": -1.201163666530265,
+      "try": -0.9880931066842003,
+      "twd": -0.9988477899150539,
+      "uah": -1.1617320529889614,
+      "usd": -0.032240143856507586,
+      "vef": -0.003228205604352136,
+      "vnd": -758.7188178141987,
+      "xag": -0.001101940335587947,
+      "xau": -0.000014887406051676,
+      "xdr": -0.021122055667415873,
+      "xlm": -0.13165071930771033,
+      "xrp": -0.035329856629493395,
+      "yfi": -0.000001593874191219,
+      "zar": -0.5210879791910061,
+      "bits": -0.2018985110340985,
+      "link": -0.000740436727323223,
+      "sats": -20.189851103409865
+    },
+    "price_change_percentage_1h_in_currency": {
+      "aed": 3.27361,
+      "ars": 3.2741,
+      "aud": 3.24854,
+      "bch": 1.7741,
+      "bdt": 3.27361,
+      "bhd": 3.26977,
+      "bmd": 3.27361,
+      "bnb": 2.70662,
+      "brl": 3.26964,
+      "btc": 2.70759,
+      "cad": 3.27331,
+      "chf": 3.33549,
+      "clp": 3.27361,
+      "cny": 3.28645,
+      "czk": 3.2697,
+      "dkk": 3.23179,
+      "dot": 1.96426,
+      "eos": 2.18949,
+      "eth": 2.39847,
+      "eur": 3.23799,
+      "gbp": 3.11929,
+      "gel": 3.27361,
+      "hkd": 3.29063,
+      "huf": 3.39915,
+      "idr": 3.211,
+      "ils": 3.666,
+      "inr": 3.30405,
+      "jpy": 3.36993,
+      "krw": 3.22226,
+      "kwd": 3.33061,
+      "lkr": 3.27361,
+      "ltc": 1.90222,
+      "mmk": 3.27361,
+      "mxn": 3.38537,
+      "myr": 3.27361,
+      "ngn": 3.27361,
+      "nok": 3.22624,
+      "nzd": 3.3061,
+      "php": 3.25548,
+      "pkr": 3.27361,
+      "pln": 3.33975,
+      "rub": 3.46718,
+      "sar": 3.27523,
+      "sek": 3.30845,
+      "sgd": 3.22997,
+      "thb": 3.22342,
+      "try": 3.32242,
+      "twd": 3.09463,
+      "uah": 3.27361,
+      "usd": 3.27361,
+      "vef": 3.27361,
+      "vnd": 3.27243,
+      "xag": 4.22451,
+      "xau": 3.82073,
+      "xdr": 3.27361,
+      "xlm": 1.87427,
+      "xrp": 2.17821,
+      "yfi": 1.97253,
+      "zar": 3.49302,
+      "bits": 2.70759,
+      "link": 1.61107,
+      "sats": 2.70759
+    },
+    "price_change_percentage_24h_in_currency": {
+      "aed": -8.04942,
+      "ars": -7.88773,
+      "aud": -7.17304,
+      "bch": 4.23542,
+      "bdt": -8.0664,
+      "bhd": -8.05817,
+      "bmd": -8.04817,
+      "bnb": -3.58066,
+      "brl": -6.78437,
+      "btc": -3.35054,
+      "cad": -7.77465,
+      "chf": -8.00748,
+      "clp": -7.26937,
+      "cny": -8.04182,
+      "czk": -7.79817,
+      "dkk": -7.71661,
+      "dot": -2.80513,
+      "eos": -1.30337,
+      "eth": -3.51069,
+      "eur": -7.71342,
+      "gbp": -7.82481,
+      "gel": -8.04817,
+      "hkd": -8.11636,
+      "huf": -7.04069,
+      "idr": -7.49178,
+      "ils": -7.30455,
+      "inr": -7.97854,
+      "jpy": -7.70388,
+      "krw": -7.44814,
+      "kwd": -7.98188,
+      "lkr": -7.88528,
+      "ltc": -4.01506,
+      "mmk": -8.06498,
+      "mxn": -6.99537,
+      "myr": -7.7499,
+      "ngn": -8.04817,
+      "nok": -7.7202,
+      "nzd": -7.2846,
+      "php": -7.72604,
+      "pkr": -8.00549,
+      "pln": -6.76546,
+      "rub": -7.83274,
+      "sar": -8.05192,
+      "sek": -7.6623,
+      "sgd": -7.75588,
+      "thb": -8.16459,
+      "try": -7.63539,
+      "twd": -7.70437,
+      "uah": -7.35546,
+      "usd": -8.04817,
+      "vef": -8.04817,
+      "vnd": -7.53813,
+      "xag": -7.84458,
+      "xau": -8.75429,
+      "xdr": -6.99314,
+      "xlm": -3.72535,
+      "xrp": -4.53704,
+      "yfi": -2.9092,
+      "zar": -6.90764,
+      "bits": -3.35054,
+      "link": -2.66394,
+      "sats": -3.35054
+    },
+    "price_change_percentage_7d_in_currency": {
+      "aed": -26.51129,
+      "ars": -26.16518,
+      "aud": -24.47674,
+      "bch": 0.50205,
+      "bdt": -26.37436,
+      "bhd": -26.54697,
+      "bmd": -26.5152,
+      "bnb": -22.38382,
+      "brl": -24.17849,
+      "btc": -17.86304,
+      "cad": -25.33566,
+      "chf": -25.80103,
+      "clp": -24.3854,
+      "cny": -26.46135,
+      "czk": -24.99905,
+      "dkk": -24.85547,
+      "dot": -2.09234,
+      "eos": 7.98562,
+      "eth": -13.41606,
+      "eur": -24.87342,
+      "gbp": -25.24695,
+      "gel": -26.65255,
+      "hkd": -26.55214,
+      "huf": -23.93701,
+      "idr": -25.26196,
+      "ils": -25.10836,
+      "inr": -26.25846,
+      "jpy": -25.28576,
+      "krw": -24.44152,
+      "kwd": -26.35532,
+      "lkr": -26.34869,
+      "ltc": -5.66175,
+      "mmk": -26.37311,
+      "mxn": -24.32565,
+      "myr": -25.8501,
+      "ngn": -29.5311,
+      "nok": -24.68346,
+      "nzd": -24.70619,
+      "php": -25.79136,
+      "pkr": -26.39785,
+      "pln": -23.86684,
+      "rub": -25.68875,
+      "sar": -26.50989,
+      "sek": -24.02657,
+      "sgd": -25.58084,
+      "thb": -26.28508,
+      "try": -25.9881,
+      "twd": -25.63267,
+      "uah": -24.94972,
+      "usd": -26.5152,
+      "vef": -26.5152,
+      "vnd": -25.58773,
+      "xag": -28.09957,
+      "xau": -27.41803,
+      "xdr": -25.51379,
+      "xlm": -9.59721,
+      "xrp": -8.61215,
+      "yfi": -9.89794,
+      "zar": -24.73905,
+      "bits": -17.86304,
+      "link": -3.92495,
+      "sats": -17.86304
+    },
+    "price_change_percentage_14d_in_currency": {
+      "aed": -27.45623,
+      "ars": -26.54764,
+      "aud": -26.66278,
+      "bch": -9.89134,
+      "bdt": -27.46281,
+      "bhd": -27.47985,
+      "bmd": -27.4581,
+      "bnb": -25.63463,
+      "brl": -25.59555,
+      "btc": -23.30461,
+      "cad": -26.26519,
+      "chf": -26.96865,
+      "clp": -28.39222,
+      "cny": -27.41599,
+      "czk": -26.66054,
+      "dkk": -26.66985,
+      "dot": -4.80177,
+      "eos": -4.26883,
+      "eth": -20.58095,
+      "eur": -26.68176,
+      "gbp": -26.81915,
+      "gel": -28.13103,
+      "hkd": -27.43802,
+      "huf": -26.68463,
+      "idr": -26.35398,
+      "ils": -25.97339,
+      "inr": -27.3354,
+      "jpy": -26.13133,
+      "krw": -25.31498,
+      "kwd": -27.36783,
+      "lkr": -27.78776,
+      "ltc": -8.56176,
+      "mmk": -27.4635,
+      "mxn": -26.72378,
+      "myr": -26.82465,
+      "ngn": -38.68057,
+      "nok": -27.46942,
+      "nzd": -26.74272,
+      "php": -26.6669,
+      "pkr": -27.41741,
+      "pln": -26.29426,
+      "rub": -26.4383,
+      "sar": -27.44917,
+      "sek": -26.6489,
+      "sgd": -26.83312,
+      "thb": -27.467,
+      "try": -26.73292,
+      "twd": -26.49989,
+      "uah": -26.50486,
+      "usd": -27.4581,
+      "vef": -27.4581,
+      "vnd": -26.23098,
+      "xag": -35.11484,
+      "xau": -31.06474,
+      "xdr": -26.72627,
+      "xlm": -11.98434,
+      "xrp": -12.03968,
+      "yfi": -12.25935,
+      "zar": -26.9712,
+      "bits": -23.30461,
+      "link": -2.78572,
+      "sats": -23.30461
+    },
+    "price_change_percentage_30d_in_currency": {
+      "aed": 11.26166,
+      "ars": 13.58449,
+      "aud": 13.7107,
+      "bch": -13.63035,
+      "bdt": 11.17243,
+      "bhd": 11.23225,
+      "bmd": 11.2603,
+      "bnb": 13.46919,
+      "brl": 15.46451,
+      "btc": 14.77084,
+      "cad": 13.46379,
+      "chf": 14.89848,
+      "clp": 14.73615,
+      "cny": 11.92824,
+      "czk": 14.76936,
+      "dkk": 14.1723,
+      "dot": 57.01321,
+      "eos": 42.24623,
+      "eth": 24.76395,
+      "eur": 14.1438,
+      "gbp": 13.87012,
+      "gel": 11.88889,
+      "hkd": 11.34913,
+      "huf": 14.60994,
+      "idr": 14.95041,
+      "ils": 13.58008,
+      "inr": 12.08951,
+      "jpy": 15.30009,
+      "krw": 16.50902,
+      "kwd": 11.53899,
+      "lkr": 8.92879,
+      "ltc": 17.58234,
+      "mmk": 11.17061,
+      "mxn": 11.72818,
+      "myr": 13.37695,
+      "ngn": -16.06503,
+      "nok": 14.88845,
+      "nzd": 14.94084,
+      "php": 14.03715,
+      "pkr": 10.67626,
+      "pln": 14.61263,
+      "rub": 12.92868,
+      "sar": 11.28572,
+      "sek": 17.31886,
+      "sgd": 13.56713,
+      "thb": 14.19535,
+      "try": 12.49376,
+      "twd": 14.30865,
+      "uah": 13.89483,
+      "usd": 11.2603,
+      "vef": 11.2603,
+      "vnd": 13.71864,
+      "xag": -1.53949,
+      "xau": 1.05544,
+      "xdr": 13.29977,
+      "xlm": 30.81167,
+      "xrp": 34.1777,
+      "yfi": 40.79,
+      "zar": 12.97703,
+      "bits": 14.77084,
+      "link": 45.51251,
+      "sats": 14.77084
+    },
+    "price_change_percentage_60d_in_currency": {
+      "aed": 11.45987,
+      "ars": 15.97439,
+      "aud": 13.19787,
+      "bch": -38.8275,
+      "bdt": 11.72267,
+      "bhd": 11.43591,
+      "bmd": 11.4714,
+      "bnb": -27.31037,
+      "brl": 16.2069,
+      "btc": -8.54802,
+      "cad": 14.06775,
+      "chf": 15.58206,
+      "clp": 12.05889,
+      "cny": 13.36629,
+      "czk": 12.73517,
+      "dkk": 13.08504,
+      "dot": 29.45019,
+      "eos": 14.84461,
+      "eth": 2.23909,
+      "eur": 13.01332,
+      "gbp": 12.74284,
+      "gel": 12.31269,
+      "hkd": 11.55491,
+      "huf": 14.54451,
+      "idr": 15.1733,
+      "ils": 15.60929,
+      "inr": 12.10506,
+      "jpy": 14.63098,
+      "krw": 16.28461,
+      "kwd": 11.538,
+      "lkr": 6.78757,
+      "ltc": -0.61628,
+      "mmk": 11.71769,
+      "mxn": 9.76739,
+      "myr": 11.83298,
+      "ngn": -10.47294,
+      "nok": 15.71245,
+      "nzd": 15.40119,
+      "php": 13.5268,
+      "pkr": 11.24195,
+      "pln": 12.32904,
+      "rub": 12.82953,
+      "sar": 11.5021,
+      "sek": 16.19111,
+      "sgd": 13.01453,
+      "thb": 13.25926,
+      "try": 17.41453,
+      "twd": 15.42466,
+      "uah": 17.1312,
+      "usd": 11.4714,
+      "vef": 11.4714,
+      "vnd": 14.92012,
+      "xag": -10.09891,
+      "xau": -5.90245,
+      "xdr": 12.96538,
+      "xlm": 19.91551,
+      "xrp": 27.73023,
+      "yfi": 26.56499,
+      "zar": 12.24009,
+      "bits": -8.54802,
+      "link": 64.87512,
+      "sats": -8.54802
+    },
+    "price_change_percentage_200d_in_currency": {
+      "aed": 205.25143,
+      "ars": 657.28956,
+      "aud": 207.93674,
+      "bch": 47.14676,
+      "bdt": 204.47528,
+      "bhd": 205.14809,
+      "bmd": 205.29548,
+      "bnb": 19.76147,
+      "brl": 214.44028,
+      "btc": 30.55874,
+      "cad": 213.01476,
+      "chf": 205.91303,
+      "clp": 228.01899,
+      "cny": 202.7776,
+      "czk": 216.84746,
+      "dkk": 204.70315,
+      "dot": 85.97779,
+      "eos": 133.61884,
+      "eth": 64.09965,
+      "eur": 204.55999,
+      "gbp": 200.48567,
+      "gel": 203.58992,
+      "hkd": 205.26935,
+      "huf": 207.65694,
+      "idr": 219.01256,
+      "ils": 199.75334,
+      "inr": 206.93191,
+      "jpy": 216.92931,
+      "krw": 215.78822,
+      "kwd": 204.49119,
+      "lkr": 182.12338,
+      "ltc": 155.56873,
+      "mmk": 205.87019,
+      "mxn": 194.00601,
+      "myr": 212.2651,
+      "ngn": 371.29001,
+      "nok": 214.23674,
+      "nzd": 212.609,
+      "php": 207.6922,
+      "pkr": 195.94597,
+      "pln": 183.88991,
+      "rub": 194.86033,
+      "sar": 205.35051,
+      "sek": 206.69124,
+      "sgd": 205.92979,
+      "thb": 206.85992,
+      "try": 260.64482,
+      "twd": 208.7792,
+      "uah": 229.13535,
+      "usd": 205.29548,
+      "vef": 205.29548,
+      "vnd": 216.70768,
+      "xag": 147.39936,
+      "xau": 140.52061,
+      "xdr": 206.04189,
+      "xlm": 221.31841,
+      "xrp": 212.69657,
+      "yfi": 130.57234,
+      "zar": 208.5636,
+      "bits": 30.55874,
+      "link": 74.39423,
+      "sats": 30.55874
+    },
+    "price_change_percentage_1y_in_currency": {
+      "aed": 87.50673,
+      "ars": 663.95977,
+      "aud": 95.8339,
+      "bch": -49.04941,
+      "bdt": 94.08432,
+      "bhd": 88.34732,
+      "bmd": 87.49907,
+      "bnb": 13.66922,
+      "brl": 98.01221,
+      "btc": -10.03878,
+      "cad": 91.36805,
+      "chf": 91.82461,
+      "clp": 128.73132,
+      "cny": 97.52958,
+      "czk": 110.61017,
+      "dkk": 94.46505,
+      "dot": 89.33267,
+      "eos": 210.10041,
+      "eth": 27.34317,
+      "eur": 96.10693,
+      "gbp": 87.25449,
+      "gel": 99.4512,
+      "hkd": 86.97466,
+      "huf": 105.15241,
+      "idr": 105.04609,
+      "ils": 91.90368,
+      "inr": 91.31521,
+      "jpy": 116.42342,
+      "krw": 100.25357,
+      "kwd": 88.74484,
+      "lkr": 74.25548,
+      "ltc": 129.55524,
+      "mmk": 88.18295,
+      "mxn": 74.7557,
+      "myr": 104.19594,
+      "ngn": 391.14878,
+      "nok": 97.81738,
+      "nzd": 97.77621,
+      "php": 93.09365,
+      "pkr": 86.35941,
+      "pln": 80.76825,
+      "rub": 115.43941,
+      "sar": 87.51396,
+      "sek": 98.21627,
+      "sgd": 92.36483,
+      "thb": 102.844,
+      "try": 214.28182,
+      "twd": 99.57758,
+      "uah": 102.50176,
+      "usd": 87.49907,
+      "vef": 87.49907,
+      "vnd": 102.01633,
+      "xag": 67.33535,
+      "xau": 58.32002,
+      "xdr": 94.09322,
+      "xlm": 84.65446,
+      "xrp": 96.9308,
+      "yfi": 147.67923,
+      "zar": 98.39062,
+      "bits": -10.03878,
+      "link": 11.22912,
+      "sats": -10.03878
+    },
+    "market_cap_change_24h_in_currency": {
+      "aed": -54159061.51641059,
+      "ars": -12526184756.756256,
+      "aud": -20278688.281909823,
+      "bch": 11915,
+      "bdt": -1621448795.123333,
+      "bhd": -5563431.6417720765,
+      "bmd": -14744904.379095018,
+      "bnb": -12122.801502022776,
+      "brl": -63608052.44413161,
+      "btc": -96.1373556617732,
+      "cad": -19596400.870092362,
+      "chf": -13395020.434733301,
+      "clp": -12850639566.288239,
+      "cny": -106648462.99666476,
+      "czk": -339516306.1333308,
+      "dkk": -99012048.8819263,
+      "dot": -767014.302391693,
+      "eos": -3942321.8227217793,
+      "eth": -2110.9760231491236,
+      "eur": -13265955.75503233,
+      "gbp": -11497567.084905148,
+      "gel": -39368894.69218248,
+      "hkd": -116484807.05180621,
+      "huf": -4745327328.852097,
+      "idr": -220591129606.91162,
+      "ils": -49900014.729486346,
+      "inr": -1219769706.001072,
+      "jpy": -2172172339.4365616,
+      "krw": -18890588391.0018,
+      "kwd": -4503337.50614237,
+      "lkr": -4311514501.816345,
+      "ltc": -93831.03129687393,
+      "mmk": -31018873051.585815,
+      "mxn": -212791989.90081787,
+      "myr": -67854468.47806978,
+      "ngn": -17711087648.271454,
+      "nok": -154439243.2357757,
+      "nzd": -22477970.65100974,
+      "php": -804102408.2976494,
+      "pkr": -4075751021.6369247,
+      "pln": -49777379.231575966,
+      "rub": -1341870944.8178139,
+      "sar": -55339325.99402201,
+      "sek": -152699042.00525928,
+      "sgd": -19335300.96617046,
+      "thb": -549326157.0667906,
+      "try": -451967195.3702183,
+      "twd": -456874770.08842945,
+      "uah": -531450158.3793974,
+      "usd": -14744904.379095018,
+      "vef": -1476407.2754788063,
+      "vnd": -347061158043.89453,
+      "xag": -504003.81248629,
+      "xau": -6807.1988158937165,
+      "xdr": -9664066.350344017,
+      "xlm": -63220868.03148484,
+      "xrp": -16808844.146733224,
+      "yfi": -890.8872941235568,
+      "zar": -238424920.93319798,
+      "bits": -96137355.6617732,
+      "link": -359758.94173844904,
+      "sats": -9613735566.177368
+    },
+    "market_cap_change_percentage_24h_in_currency": {
+      "aed": -8.06966,
+      "ars": -7.908,
+      "aud": -7.19348,
+      "bch": 3.60748,
+      "bdt": -8.08664,
+      "bhd": -8.07841,
+      "bmd": -8.06841,
+      "bnb": -3.82134,
+      "brl": -6.80489,
+      "btc": -3.49322,
+      "cad": -7.79495,
+      "chf": -8.02773,
+      "clp": -7.28978,
+      "cny": -8.06206,
+      "czk": -7.81847,
+      "dkk": -7.73693,
+      "dot": -2.97503,
+      "eos": -1.73334,
+      "eth": -3.73729,
+      "eur": -7.73374,
+      "gbp": -7.8451,
+      "gel": -8.06841,
+      "hkd": -8.13659,
+      "huf": -7.06115,
+      "idr": -7.51214,
+      "ils": -7.32496,
+      "inr": -7.9988,
+      "jpy": -7.7242,
+      "krw": -7.46851,
+      "kwd": -8.00214,
+      "lkr": -7.90556,
+      "ltc": -4.20328,
+      "mmk": -8.08522,
+      "mxn": -7.01585,
+      "myr": -7.77021,
+      "ngn": -8.06841,
+      "nok": -7.74051,
+      "nzd": -7.30501,
+      "php": -7.74636,
+      "pkr": -8.02574,
+      "pln": -6.78598,
+      "rub": -7.85303,
+      "sar": -8.07216,
+      "sek": -7.68263,
+      "sgd": -7.77618,
+      "thb": -8.18481,
+      "try": -7.65572,
+      "twd": -7.72469,
+      "uah": -7.37585,
+      "usd": -8.06841,
+      "vef": -8.06841,
+      "vnd": -7.55849,
+      "xag": -7.86486,
+      "xau": -8.77438,
+      "xdr": -7.01362,
+      "xlm": -3.91291,
+      "xrp": -4.72242,
+      "yfi": -3.54645,
+      "zar": -6.92813,
+      "bits": -3.49322,
+      "link": -2.83224,
+      "sats": -3.49322
+    },
+    "total_supply": 500000000,
+    "max_supply": 1000000000,
+    "circulating_supply": 457027796.316325,
+    "last_updated": "2024-04-16T07:13:03.305Z"
+  },
+  "community_data": {
+    "facebook_likes": null,
+    "twitter_followers": 61111,
+    "reddit_average_posts_48h": 0,
+    "reddit_average_comments_48h": 0,
+    "reddit_subscribers": 0,
+    "reddit_accounts_active_48h": 0,
+    "telegram_channel_user_count": 7741
+  },
+  "developer_data": {
+    "forks": 47,
+    "stars": 101,
+    "subscribers": 23,
+    "total_issues": 956,
+    "closed_issues": 921,
+    "pull_requests_merged": 503,
+    "pull_request_contributors": 14,
+    "code_additions_deletions_4_weeks": {
+      "additions": 0,
+      "deletions": 0
+    },
+    "commit_count_4_weeks": 0,
+    "last_4_weeks_commit_activity_series": []
+  },
+  "status_updates": [
+    {
+      "description": "Don’t miss out on the 28th $DUSK Development Update for the latest behind-the-scenes insights. ⚡️ \r\n\r\nLearn all about ABIs, stress-testing of the nodes, Inter-contract calls & intermediate states, and PLONK stability improvements.\r\n\r\nRead on: https://dusk.network/news/development-update-28 ",
+      "category": "general",
+      "created_at": "2021-03-10T16:01:15.641Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "⚡️ $DUSK swaps are now available on @Binance Bridge! \r\n\r\nEthereum-based $DUSK can now be transferred to the #Binance Smart Chain and vice versa. \r\n\r\nCompatibility with #BSC increases the utility of $DUSK through a myriad of DeFi-focused ecosystems. \r\n\r\nFind out more: https://dusk.network/news/binance-bridge-integration ",
+      "category": "general",
+      "created_at": "2021-03-05T10:32:32.176Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "We are taking the partnership with LTO Network to enhance the Dutch digital share registry to the next level: tokenization on Dusk Network.\r\n\r\nThe Dusk Network technology is set to provide thousands of companies each year with lifetime access to blockchain benefits ⛓️. \r\n\r\nRead the full story here: https://dusk.network/news/lto-dusk-tokenized-share-registry\r\n",
+      "category": "general",
+      "created_at": "2021-03-04T15:18:11.017Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "⚡️ Rabobank CBDC report highlights the importance of Dusk Network’s key design principles\r\n\r\n💡 In this article we aim to educate readers about CBDC, the challenges for blockchain to become the accepted infrastructure of choice, and how the Dusk Network is built upon the exact core-principles that may underpin future CBDCs.\r\n\r\n👉 7 min read: https://dusk.network/news/rabobank-cbdc-report",
+      "category": "general",
+      "created_at": "2021-03-03T17:04:34.240Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "Dusk Network and Binance Smart Chain integration for large scale DeFi adoption 💥\r\n\r\nThis year, Binance Smart Chain aims to build cross-chain financial infrastructure that unlocks the Internet of Value. By wrapping DUSK as BEP20 tokens on the Binance Smart Chain, the companies take their first step towards large scale adoption of DeFi applications. \r\n\r\n👉 https://dusk.network/news/binance-smart-chain-integration  ",
+      "category": "general",
+      "created_at": "2021-03-02T15:17:13.424Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "💥 Dusk Network Whitepaper V3 release\r\n\r\n⚙️ The updated whitepaper includes the latest advancements and specifications of Dusk Network: a privacy-preserving blockchain for smart contracts, financial applications, and regulated decentralized finance.\r\n\r\n📆 Important stepping stone for Dusk Network as we move closer towards the upcoming E2E Release Candidate (save-the-date: April 9th, 2021)\r\n\r\n👉 Go straight to Whitepaper V3: https://dusk.network/uploads/The_Dusk_Network_Whitepaper_v3_0_0.pdf",
+      "category": "general",
+      "created_at": "2021-03-01T16:03:30.732Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    },
+    {
+      "description": "Dusk Network is always on the look-out for talented 🧠 team members in the realms of technology, business development, and marketing.\r\n\r\nToday, we’d like to shine a brief spotlight💡 on two of the most recent additions to the Dusk Network family and our Research & Development department: Errol & Marta!\r\n\r\n👉 https://dusk.network/news/dusk-network-expands-research-development-team \r\n\r\n",
+      "category": "general",
+      "created_at": "2021-02-24T17:24:38.576Z",
+      "user": "Mels Dees",
+      "user_title": "Co-Founder & Marketing Lead",
+      "pin": false,
+      "project": {
+        "type": "Coin",
+        "id": "dusk-network",
+        "name": "Dusk",
+        "symbol": "dusk",
+        "image": {
+          "thumb": "https://assets.coingecko.com/coins/images/5217/thumb/image_widget_biddfvxd454b1.png?1696505726",
+          "small": "https://assets.coingecko.com/coins/images/5217/small/image_widget_biddfvxd454b1.png?1696505726",
+          "large": "https://assets.coingecko.com/coins/images/5217/large/image_widget_biddfvxd454b1.png?1696505726"
+        }
+      }
+    }
+  ],
+  "last_updated": "2024-04-16T07:13:03.305Z",
+  "tickers": [
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "WEEX",
+        "identifier": "weex",
+        "has_trading_incentive": false
+      },
+      "last": 0.3677,
+      "volume": 2538443,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011902,
+        "usd": 0.367804
+      },
+      "converted_volume": {
+        "btc": 14.986608,
+        "eth": 306.75,
+        "usd": 947904
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.027159,
+      "timestamp": "2024-04-16T07:10:53+00:00",
+      "last_traded_at": "2024-04-16T07:10:53+00:00",
+      "last_fetch_at": "2024-04-16T07:10:53+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.weex.com/trade/dusk_usdt",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Binance",
+        "identifier": "binance",
+        "has_trading_incentive": false
+      },
+      "last": 0.3671,
+      "volume": 18569271,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011885,
+        "usd": 0.367232
+      },
+      "converted_volume": {
+        "btc": 109.19,
+        "eth": 2235,
+        "usd": 6906789
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.054481,
+      "timestamp": "2024-04-16T07:09:04+00:00",
+      "last_traded_at": "2024-04-16T07:09:04+00:00",
+      "last_fetch_at": "2024-04-16T07:11:02+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.binance.com/en/trade/DUSK_USDT?ref=37754157",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "TokoCrypto",
+        "identifier": "toko_crypto",
+        "has_trading_incentive": false
+      },
+      "last": 0.3679,
+      "volume": 62475.28295732536,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011909,
+        "usd": 0.368004
+      },
+      "converted_volume": {
+        "btc": 0.36349602,
+        "eth": 7.440139,
+        "usd": 22991
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.054481,
+      "timestamp": "2024-04-16T07:10:27+00:00",
+      "last_traded_at": "2024-04-16T07:10:27+00:00",
+      "last_fetch_at": "2024-04-16T07:10:27+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.tokocrypto.com/trade/DUSKUSDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Bitget",
+        "identifier": "bitget",
+        "has_trading_incentive": false
+      },
+      "last": 0.36721,
+      "volume": 1132580,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011889,
+        "usd": 0.367342
+      },
+      "converted_volume": {
+        "btc": 6.718,
+        "eth": 137.531,
+        "usd": 424947
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.117045,
+      "timestamp": "2024-04-16T07:11:09+00:00",
+      "last_traded_at": "2024-04-16T07:11:09+00:00",
+      "last_fetch_at": "2024-04-16T07:11:09+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.bitget.com/spot/DUSKUSDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "BingX",
+        "identifier": "bingx",
+        "has_trading_incentive": false
+      },
+      "last": 0.3683,
+      "volume": 1134085.799573,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011924,
+        "usd": 0.368433
+      },
+      "converted_volume": {
+        "btc": 6.676942,
+        "eth": 136.691,
+        "usd": 422350
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.108962,
+      "timestamp": "2024-04-16T07:11:15+00:00",
+      "last_traded_at": "2024-04-16T07:11:15+00:00",
+      "last_fetch_at": "2024-04-16T07:11:15+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://bingx.com/en-us/spot/DUSKUSDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Gate.io",
+        "identifier": "gate",
+        "has_trading_incentive": false
+      },
+      "last": 0.36711,
+      "volume": 1596976.2880635,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011886,
+        "usd": 0.367242
+      },
+      "converted_volume": {
+        "btc": 9.297206,
+        "eth": 190.333,
+        "usd": 588095
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.179602,
+      "timestamp": "2024-04-16T07:10:32+00:00",
+      "last_traded_at": "2024-04-16T07:10:32+00:00",
+      "last_fetch_at": "2024-04-16T07:11:13+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://gate.io/trade/DUSK_USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "HTX",
+        "identifier": "huobi",
+        "has_trading_incentive": false
+      },
+      "last": 0.3678,
+      "volume": 24858301.23914042,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011908,
+        "usd": 0.367933
+      },
+      "converted_volume": {
+        "btc": 145.421,
+        "eth": 2977,
+        "usd": 9198636
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.163177,
+      "timestamp": "2024-04-16T07:11:23+00:00",
+      "last_traded_at": "2024-04-16T07:11:23+00:00",
+      "last_fetch_at": "2024-04-16T07:11:23+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.huobi.com/en-us/exchange/dusk_usdt",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "EUR",
+      "market": {
+        "name": "Bitvavo",
+        "identifier": "bitvavo",
+        "has_trading_incentive": false
+      },
+      "last": 0.34671,
+      "volume": 779359.20602014,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011908,
+        "usd": 0.368099
+      },
+      "converted_volume": {
+        "btc": 4.534746,
+        "eth": 92.807,
+        "usd": 286881
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.187477,
+      "timestamp": "2024-04-16T07:08:37+00:00",
+      "last_traded_at": "2024-04-16T07:08:37+00:00",
+      "last_fetch_at": "2024-04-16T07:08:37+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://account.bitvavo.com/markets/DUSK-EUR",
+      "token_info_url": null,
+      "coin_id": "dusk-network"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "KuCoin",
+        "identifier": "kucoin",
+        "has_trading_incentive": false
+      },
+      "last": 0.36701,
+      "volume": 1433844.4672,
+      "converted_last": {
+        "btc": 0.0000058,
+        "eth": 0.0001188,
+        "usd": 0.367114
+      },
+      "converted_volume": {
+        "btc": 8.322266,
+        "eth": 170.342,
+        "usd": 526384
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.120009,
+      "timestamp": "2024-04-16T07:10:27+00:00",
+      "last_traded_at": "2024-04-16T07:10:27+00:00",
+      "last_fetch_at": "2024-04-16T07:10:27+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.kucoin.com/trade/DUSK-USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "BTC",
+      "market": {
+        "name": "Binance",
+        "identifier": "binance",
+        "has_trading_incentive": false
+      },
+      "last": 0.00000581,
+      "volume": 1214014,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011904,
+        "usd": 0.367127
+      },
+      "converted_volume": {
+        "btc": 7.0784,
+        "eth": 145.023,
+        "usd": 447275
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.344828,
+      "timestamp": "2024-04-16T07:05:03+00:00",
+      "last_traded_at": "2024-04-16T07:05:03+00:00",
+      "last_fetch_at": "2024-04-16T07:05:03+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.binance.com/en/trade/DUSK_BTC?ref=37754157",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bitcoin"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "MEXC",
+        "identifier": "mxc",
+        "has_trading_incentive": false
+      },
+      "last": 0.36692,
+      "volume": 842769.6,
+      "converted_last": {
+        "btc": 0.0000058,
+        "eth": 0.00011877,
+        "usd": 0.367024
+      },
+      "converted_volume": {
+        "btc": 4.890372,
+        "eth": 100.098,
+        "usd": 309316
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.133246,
+      "timestamp": "2024-04-16T07:10:07+00:00",
+      "last_traded_at": "2024-04-16T07:10:07+00:00",
+      "last_fetch_at": "2024-04-16T07:10:07+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.mexc.com/exchange/DUSK_USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "AscendEX (BitMax)",
+        "identifier": "bitmax",
+        "has_trading_incentive": false
+      },
+      "last": 0.36586,
+      "volume": 397738,
+      "converted_last": {
+        "btc": 0.00000579,
+        "eth": 0.00011845,
+        "usd": 0.365992
+      },
+      "converted_volume": {
+        "btc": 2.301302,
+        "eth": 47.112324,
+        "usd": 145569
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.199133,
+      "timestamp": "2024-04-16T07:10:06+00:00",
+      "last_traded_at": "2024-04-16T07:10:06+00:00",
+      "last_fetch_at": "2024-04-16T07:11:07+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://ascendex.com/en/cashtrade-spottrading/usdt/dusk",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Hotcoin Global",
+        "identifier": "hotcoin_global",
+        "has_trading_incentive": false
+      },
+      "last": 0.3671,
+      "volume": 1078032,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.0001188,
+        "usd": 0.36732
+      },
+      "converted_volume": {
+        "btc": 6.258607,
+        "eth": 128.076,
+        "usd": 395982
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.758397,
+      "timestamp": "2024-04-16T07:09:59+00:00",
+      "last_traded_at": "2024-04-16T07:09:59+00:00",
+      "last_fetch_at": "2024-04-16T07:09:59+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.hotcoin.com/currencyExchange/dusk_usdt",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "XRP",
+      "market": {
+        "name": "Bitrue",
+        "identifier": "bitrue",
+        "has_trading_incentive": false
+      },
+      "last": 0.7417,
+      "volume": 2217226.66,
+      "converted_last": {
+        "btc": 0.0000058,
+        "eth": 0.0001188,
+        "usd": 0.367124
+      },
+      "converted_volume": {
+        "btc": 12.869509,
+        "eth": 263.417,
+        "usd": 813997
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 1.098754,
+      "timestamp": "2024-04-16T07:10:35+00:00",
+      "last_traded_at": "2024-04-16T07:10:35+00:00",
+      "last_fetch_at": "2024-04-16T07:10:35+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.bitrue.com/trade/dusk_xrp",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "ripple"
+    },
+    {
+      "base": "DUSK",
+      "target": "USD",
+      "market": {
+        "name": "Bitfinex",
+        "identifier": "bitfinex",
+        "has_trading_incentive": false
+      },
+      "last": 0.36855,
+      "volume": 113270.48623731,
+      "converted_last": {
+        "btc": 0.00000583,
+        "eth": 0.00011929,
+        "usd": 0.368579
+      },
+      "converted_volume": {
+        "btc": 0.66001255,
+        "eth": 13.511795,
+        "usd": 41749
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.325027,
+      "timestamp": "2024-04-16T07:07:02+00:00",
+      "last_traded_at": "2024-04-16T07:07:02+00:00",
+      "last_fetch_at": "2024-04-16T07:11:04+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://trading.bitfinex.com/t/DUSK:USD?type=exchange",
+      "token_info_url": null,
+      "coin_id": "dusk-network"
+    },
+    {
+      "base": "0XB2BD0749DBE21F623D9BABA856D3B0F0E1BFEC9C",
+      "target": "WBNB",
+      "market": {
+        "name": "PancakeSwap (v2)",
+        "identifier": "pancakeswap_new",
+        "has_trading_incentive": false
+      },
+      "last": 0.000669209397765875,
+      "volume": 322446.837207692,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011913,
+        "usd": 0.368123
+      },
+      "converted_volume": {
+        "btc": 1.861868,
+        "eth": 38.109241,
+        "usd": 117763
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.603233,
+      "timestamp": "2024-04-16T07:10:43+00:00",
+      "last_traded_at": "2024-04-16T07:10:43+00:00",
+      "last_fetch_at": "2024-04-16T07:10:43+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://pancakeswap.finance/swap?inputCurrency=0xb2bd0749dbe21f623d9baba856d3b0f0e1bfec9c&outputCurrency=wbnb",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "wbnb"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Bitrue",
+        "identifier": "bitrue",
+        "has_trading_incentive": false
+      },
+      "last": 0.3672,
+      "volume": 3018798,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011884,
+        "usd": 0.36742
+      },
+      "converted_volume": {
+        "btc": 17.530664,
+        "eth": 358.746,
+        "usd": 1109166
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 1.62206,
+      "timestamp": "2024-04-16T07:09:33+00:00",
+      "last_traded_at": "2024-04-16T07:09:33+00:00",
+      "last_fetch_at": "2024-04-16T07:09:33+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.bitrue.com/trade/dusk_usdt",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDC",
+      "market": {
+        "name": "Bitrue",
+        "identifier": "bitrue",
+        "has_trading_incentive": false
+      },
+      "last": 0.3677,
+      "volume": 2179263,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011899,
+        "usd": 0.367711
+      },
+      "converted_volume": {
+        "btc": 12.669378,
+        "eth": 259.32,
+        "usd": 801339
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.757781,
+      "timestamp": "2024-04-16T07:10:35+00:00",
+      "last_traded_at": "2024-04-16T07:10:35+00:00",
+      "last_fetch_at": "2024-04-16T07:10:35+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.bitrue.com/trade/dusk_usdc",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "usd-coin"
+    },
+    {
+      "base": "DUSK",
+      "target": "ETH",
+      "market": {
+        "name": "Gate.io",
+        "identifier": "gate",
+        "has_trading_incentive": false
+      },
+      "last": 0.00011873,
+      "volume": 26243.6520148703,
+      "converted_last": {
+        "btc": 0.0000058,
+        "eth": 0.00011864,
+        "usd": 0.366576
+      },
+      "converted_volume": {
+        "btc": 0.15168199,
+        "eth": 3.105238,
+        "usd": 9594.64
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.4271,
+      "timestamp": "2024-04-16T07:10:31+00:00",
+      "last_traded_at": "2024-04-16T07:10:31+00:00",
+      "last_fetch_at": "2024-04-16T07:11:13+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://gate.io/trade/DUSK_ETH",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "ethereum"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "LATOKEN",
+        "identifier": "latoken",
+        "has_trading_incentive": false
+      },
+      "last": 0.36812631,
+      "volume": 19201.05192586452,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011918,
+        "usd": 0.368259
+      },
+      "converted_volume": {
+        "btc": 0.111785,
+        "eth": 2.288466,
+        "usd": 7070.96
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.228011,
+      "timestamp": "2024-04-16T07:11:19+00:00",
+      "last_traded_at": "2024-04-16T07:11:19+00:00",
+      "last_fetch_at": "2024-04-16T07:11:19+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://latoken.com/exchange/USDT-DUSK",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Cryptology",
+        "identifier": "cryptology",
+        "has_trading_incentive": false
+      },
+      "last": 0.3665,
+      "volume": 29608.58430667,
+      "converted_last": {
+        "btc": 0.0000058,
+        "eth": 0.00011861,
+        "usd": 0.366719
+      },
+      "converted_volume": {
+        "btc": 0.17161422,
+        "eth": 3.511896,
+        "usd": 10858.04
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.489396,
+      "timestamp": "2024-04-16T07:09:18+00:00",
+      "last_traded_at": "2024-04-16T07:09:18+00:00",
+      "last_fetch_at": "2024-04-16T07:09:18+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://cryptology.com/app/next/trading/DUSK_USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "BNT",
+      "market": {
+        "name": "Bancor (V2)",
+        "identifier": "bancor",
+        "has_trading_incentive": false
+      },
+      "last": 0.443286246604661,
+      "volume": 3033.44746094734,
+      "converted_last": {
+        "btc": 0.00000488,
+        "eth": 0.00009979,
+        "usd": 0.30848
+      },
+      "converted_volume": {
+        "btc": 0.01479154,
+        "eth": 0.30271911,
+        "usd": 935.76
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.613008,
+      "timestamp": "2024-04-16T07:01:10+00:00",
+      "last_traded_at": "2024-04-16T07:01:10+00:00",
+      "last_fetch_at": "2024-04-16T07:08:38+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://app.bancor.network/trade?inputCurrency=dusk&outputCurrency=bnt",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bancor"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "CoinEx",
+        "identifier": "coinex",
+        "has_trading_incentive": false
+      },
+      "last": 0.367,
+      "volume": 30095.94802705,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011881,
+        "usd": 0.367285
+      },
+      "converted_volume": {
+        "btc": 0.17625736,
+        "eth": 3.607125,
+        "usd": 11150.5
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 0.947482,
+      "timestamp": "2024-04-16T07:07:32+00:00",
+      "last_traded_at": "2024-04-16T07:07:32+00:00",
+      "last_fetch_at": "2024-04-16T07:07:32+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.coinex.com/trading?currency=USDT&dest=DUSK#limit",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Koinpark",
+        "identifier": "koinpark",
+        "has_trading_incentive": false
+      },
+      "last": 0.3679,
+      "volume": 4109.434165,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011909,
+        "usd": 0.368004
+      },
+      "converted_volume": {
+        "btc": 0.02390966,
+        "eth": 0.48938972,
+        "usd": 1512.29
+      },
+      "trust_score": "green",
+      "bid_ask_spread_percentage": 3.038964,
+      "timestamp": "2024-04-16T07:10:55+00:00",
+      "last_traded_at": "2024-04-16T07:10:55+00:00",
+      "last_fetch_at": "2024-04-16T07:10:55+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.koinpark.com/trade/DUSK-USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Nominex",
+        "identifier": "nominex",
+        "has_trading_incentive": false
+      },
+      "last": 0.3684,
+      "volume": 20641.897937024973,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011927,
+        "usd": 0.368129
+      },
+      "converted_volume": {
+        "btc": 0.1202335,
+        "eth": 2.461922,
+        "usd": 7598.87
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 0.052659,
+      "timestamp": "2024-04-16T06:55:48+00:00",
+      "last_traded_at": "2024-04-16T06:55:48+00:00",
+      "last_fetch_at": "2024-04-16T06:55:48+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://nominex.io/en/markets/DUSK/USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "CoinTR Pro",
+        "identifier": "cointr",
+        "has_trading_incentive": false
+      },
+      "last": 0.3678,
+      "volume": 39189,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011906,
+        "usd": 0.367904
+      },
+      "converted_volume": {
+        "btc": 0.23002521,
+        "eth": 4.708221,
+        "usd": 14549.11
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 0.298265,
+      "timestamp": "2024-04-16T07:10:47+00:00",
+      "last_traded_at": "2024-04-16T07:10:47+00:00",
+      "last_fetch_at": "2024-04-16T07:10:47+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.cointr.com/en-us/spot/DUSK_USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "BTC",
+      "market": {
+        "name": "TokoCrypto",
+        "identifier": "toko_crypto",
+        "has_trading_incentive": false
+      },
+      "last": 0.00000582,
+      "volume": 58.697594502,
+      "converted_last": {
+        "btc": 0.00000582,
+        "eth": 0.00011911,
+        "usd": 0.36819
+      },
+      "converted_volume": {
+        "btc": 0.00034162,
+        "eth": 0.00699149,
+        "usd": 21.61
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 0.172117,
+      "timestamp": "2024-04-16T07:08:43+00:00",
+      "last_traded_at": "2024-04-16T07:08:43+00:00",
+      "last_fetch_at": "2024-04-16T07:08:43+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.tokocrypto.com/trade/DUSKBTC",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bitcoin"
+    },
+    {
+      "base": "DUSK",
+      "target": "BTC",
+      "market": {
+        "name": "Nominex",
+        "identifier": "nominex",
+        "has_trading_incentive": false
+      },
+      "last": 0.00000581,
+      "volume": 1960.376936317,
+      "converted_last": {
+        "btc": 0.00000581,
+        "eth": 0.00011895,
+        "usd": 0.366979
+      },
+      "converted_volume": {
+        "btc": 0.01138979,
+        "eth": 0.23318543,
+        "usd": 719.42
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 0.367647,
+      "timestamp": "2024-04-16T06:50:47+00:00",
+      "last_traded_at": "2024-04-16T06:50:47+00:00",
+      "last_fetch_at": "2024-04-16T06:50:47+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://nominex.io/en/markets/DUSK/BTC",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bitcoin"
+    },
+    {
+      "base": "DUSK",
+      "target": "IDR",
+      "market": {
+        "name": "Bittime",
+        "identifier": "bittime",
+        "has_trading_incentive": false
+      },
+      "last": 5976,
+      "volume": 683.6,
+      "converted_last": {
+        "btc": 0.00000584,
+        "eth": 0.00011956,
+        "usd": 0.369591
+      },
+      "converted_volume": {
+        "btc": 0.0040211,
+        "eth": 0.08229229,
+        "usd": 254.39
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 1.26183,
+      "timestamp": "2024-04-16T07:07:58+00:00",
+      "last_traded_at": "2024-04-16T07:07:58+00:00",
+      "last_fetch_at": "2024-04-16T07:07:58+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.bittime.com/en/trade/DUSK-IDR",
+      "token_info_url": null,
+      "coin_id": "dusk-network"
+    },
+    {
+      "base": "DUSK",
+      "target": "BRL",
+      "market": {
+        "name": "NovaDAX",
+        "identifier": "novadax",
+        "has_trading_incentive": false
+      },
+      "last": 1.89248,
+      "volume": 3254.92,
+      "converted_last": {
+        "btc": 0.00000577,
+        "eth": 0.00011811,
+        "usd": 0.364977
+      },
+      "converted_volume": {
+        "btc": 0.01878214,
+        "eth": 0.38443817,
+        "usd": 1187.97
+      },
+      "trust_score": "yellow",
+      "bid_ask_spread_percentage": 1.447385,
+      "timestamp": "2024-04-16T02:50:26+00:00",
+      "last_traded_at": "2024-04-16T02:50:26+00:00",
+      "last_fetch_at": "2024-04-16T07:10:24+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://www.novadax.com/product/orderbook?pair=DUSK_BRL",
+      "token_info_url": null,
+      "coin_id": "dusk-network"
+    },
+    {
+      "base": "0XC581B735A1688071A1746C968E0798D642EDE491",
+      "target": "0X940A2DB1B7008B6C776D4FAACA729D6D4A4AA551",
+      "market": {
+        "name": "Uniswap V3 (Ethereum)",
+        "identifier": "uniswap_v3",
+        "has_trading_incentive": false
+      },
+      "last": 2.77683438954474,
+      "volume": 11358.555032,
+      "converted_last": {
+        "btc": 0.00000571,
+        "eth": 0.00011681,
+        "usd": 0.361147
+      },
+      "converted_volume": {
+        "btc": 0.17619901,
+        "eth": 3.605719,
+        "usd": 11148.12
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.605038,
+      "timestamp": "2024-04-16T07:02:43+00:00",
+      "last_traded_at": "2024-04-16T07:02:43+00:00",
+      "last_fetch_at": "2024-04-16T07:09:52+00:00",
+      "is_anomaly": false,
+      "is_stale": false,
+      "trade_url": "https://app.uniswap.org/#/swap?inputCurrency=0xc581b735a1688071a1746c968e0798d642ede491&outputCurrency=0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+      "token_info_url": null,
+      "coin_id": "tether-eurt",
+      "target_coin_id": "dusk-network"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "FMFW.io",
+        "identifier": "bitcoin_com",
+        "has_trading_incentive": false
+      },
+      "last": 0.35557,
+      "volume": 293.1,
+      "converted_last": {
+        "btc": 0.00000562,
+        "eth": 0.00011511,
+        "usd": 0.355553
+      },
+      "converted_volume": {
+        "btc": 0.00164866,
+        "eth": 0.03373792,
+        "usd": 104.21
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.062604,
+      "timestamp": "2024-04-16T03:26:52+00:00",
+      "last_traded_at": "2024-04-16T03:26:52+00:00",
+      "last_fetch_at": "2024-04-16T07:06:47+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://fmfw.io/DUSK-to-USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "HitBTC",
+        "identifier": "hitbtc",
+        "has_trading_incentive": false
+      },
+      "last": 0.35557,
+      "volume": 293.1,
+      "converted_last": {
+        "btc": 0.00000562,
+        "eth": 0.0001151,
+        "usd": 0.35567
+      },
+      "converted_volume": {
+        "btc": 0.00179527,
+        "eth": 0.03674612,
+        "usd": 113.55
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.122546,
+      "timestamp": "2024-04-16T03:26:42+00:00",
+      "last_traded_at": "2024-04-16T03:26:42+00:00",
+      "last_fetch_at": "2024-04-16T07:10:29+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://hitbtc.com/DUSK-to-USDT",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "BTC",
+      "market": {
+        "name": "FMFW.io",
+        "identifier": "bitcoin_com",
+        "has_trading_incentive": false
+      },
+      "last": 0.000005631,
+      "volume": 244.24,
+      "converted_last": {
+        "btc": 0.00000563,
+        "eth": 0.00011523,
+        "usd": 0.355939
+      },
+      "converted_volume": {
+        "btc": 0.00137532,
+        "eth": 0.02814424,
+        "usd": 86.93
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.171851,
+      "timestamp": "2024-04-16T01:09:53+00:00",
+      "last_traded_at": "2024-04-16T01:09:53+00:00",
+      "last_fetch_at": "2024-04-16T07:06:47+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://fmfw.io/DUSK-to-BTC",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bitcoin"
+    },
+    {
+      "base": "DUSK",
+      "target": "BTC",
+      "market": {
+        "name": "HitBTC",
+        "identifier": "hitbtc",
+        "has_trading_incentive": false
+      },
+      "last": 0.000005631,
+      "volume": 244.24,
+      "converted_last": {
+        "btc": 0.00000563,
+        "eth": 0.00011526,
+        "usd": 0.356161
+      },
+      "converted_volume": {
+        "btc": 0.00144252,
+        "eth": 0.02952582,
+        "usd": 91.24
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.206505,
+      "timestamp": "2024-04-16T01:06:27+00:00",
+      "last_traded_at": "2024-04-16T01:06:27+00:00",
+      "last_fetch_at": "2024-04-16T07:10:11+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://hitbtc.com/DUSK-to-BTC",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "bitcoin"
+    },
+    {
+      "base": "0X940A2DB1B7008B6C776D4FAACA729D6D4A4AA551",
+      "target": "0XDAC17F958D2EE523A2206206994597C13D831EC7",
+      "market": {
+        "name": "Uniswap V3 (Ethereum)",
+        "identifier": "uniswap_v3",
+        "has_trading_incentive": false
+      },
+      "last": 0.36618226342531,
+      "volume": 988640.467674595,
+      "converted_last": {
+        "btc": 0.00000571,
+        "eth": 0.00011681,
+        "usd": 0.361147
+      },
+      "converted_volume": {
+        "btc": 5.707073,
+        "eth": 116.789,
+        "usd": 361087
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.603147,
+      "timestamp": "2024-04-16T07:09:50+00:00",
+      "last_traded_at": "2024-04-16T07:09:50+00:00",
+      "last_fetch_at": "2024-04-16T07:09:50+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://app.uniswap.org/#/swap?inputCurrency=0x940a2db1b7008b6c776d4faaca729d6d4a4aa551&outputCurrency=0xdac17f958d2ee523a2206206994597c13d831ec7",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "0X940A2DB1B7008B6C776D4FAACA729D6D4A4AA551",
+      "target": "0XC02AAA39B223FE8D0A0E5C4F27EAD9083C756CC2",
+      "market": {
+        "name": "Uniswap V3 (Ethereum)",
+        "identifier": "uniswap_v3",
+        "has_trading_incentive": false
+      },
+      "last": 0.000116943747218566,
+      "volume": 458.357245626918,
+      "converted_last": {
+        "btc": 0.00000565,
+        "eth": 0.00011569,
+        "usd": 0.357689
+      },
+      "converted_volume": {
+        "btc": 0.00267337,
+        "eth": 0.05470748,
+        "usd": 169.14
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 0.763871,
+      "timestamp": "2024-04-16T06:27:45+00:00",
+      "last_traded_at": "2024-04-16T06:27:45+00:00",
+      "last_fetch_at": "2024-04-16T07:09:52+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://app.uniswap.org/#/swap?inputCurrency=0x940a2db1b7008b6c776d4faaca729d6d4a4aa551&outputCurrency=ETH",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "weth"
+    },
+    {
+      "base": "DUSK",
+      "target": "INR",
+      "market": {
+        "name": "Koinpark",
+        "identifier": "koinpark",
+        "has_trading_incentive": false
+      },
+      "last": 32.89026,
+      "volume": 4748.855209,
+      "converted_last": {
+        "btc": 0.00000623,
+        "eth": 0.00012743,
+        "usd": 0.393906
+      },
+      "converted_volume": {
+        "btc": 0.02956884,
+        "eth": 0.60512928,
+        "usd": 1870.6
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 3.077864,
+      "timestamp": "2024-04-16T07:07:51+00:00",
+      "last_traded_at": "2024-04-16T07:07:51+00:00",
+      "last_fetch_at": "2024-04-16T07:07:51+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": "https://www.koinpark.com/trade/DUSK-INR",
+      "token_info_url": null,
+      "coin_id": "dusk-network"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "WazirX",
+        "identifier": "wazirx",
+        "has_trading_incentive": false
+      },
+      "last": 0.4711,
+      "volume": 1208.6,
+      "converted_last": {
+        "btc": 0.00000745,
+        "eth": 0.00015252,
+        "usd": 0.47127
+      },
+      "converted_volume": {
+        "btc": 0.00900445,
+        "eth": 0.18433942,
+        "usd": 569.58
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 34.352442,
+      "timestamp": "2024-04-16T06:07:56+00:00",
+      "last_traded_at": "2024-04-16T06:07:56+00:00",
+      "last_fetch_at": "2024-04-16T07:11:38+00:00",
+      "is_anomaly": true,
+      "is_stale": false,
+      "trade_url": null,
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    },
+    {
+      "base": "DUSK",
+      "target": "USDT",
+      "market": {
+        "name": "Poloniex",
+        "identifier": "poloniex",
+        "has_trading_incentive": false
+      },
+      "last": 0.2921,
+      "volume": 49.321,
+      "converted_last": {
+        "btc": 0.00000447,
+        "eth": 0.00009229,
+        "usd": 0.291763
+      },
+      "converted_volume": {
+        "btc": 0.00022063,
+        "eth": 0.00455099,
+        "usd": 14.39
+      },
+      "trust_score": null,
+      "bid_ask_spread_percentage": 52.445285,
+      "timestamp": "2024-04-14T21:58:33+00:00",
+      "last_traded_at": "2024-04-14T21:58:33+00:00",
+      "last_fetch_at": "2024-04-14T22:27:56+00:00",
+      "is_anomaly": true,
+      "is_stale": true,
+      "trade_url": "https://poloniex.com/trade/DUSK_USDT/?type=spot",
+      "token_info_url": null,
+      "coin_id": "dusk-network",
+      "target_coin_id": "tether"
+    }
+  ]
+}
diff --git a/src/lib/mock-data/cache-balances.js b/src/lib/mock-data/cache-balances.js
new file mode 100644
index 00000000..cedd8321
--- /dev/null
+++ b/src/lib/mock-data/cache-balances.js
@@ -0,0 +1,32 @@
+const factor = BigInt(1e9);
+
+export default [
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+    balance: {
+      shielded: {
+        spendable: 400n * factor,
+        value: 1234n * factor,
+      },
+      unshielded: {
+        nonce: 1n,
+        value: 567n * factor,
+      },
+    },
+  },
+  {
+    address:
+      "B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g",
+    balance: {
+      shielded: {
+        spendable: 123n * factor,
+        value: 456n * factor,
+      },
+      unshielded: {
+        nonce: 5n,
+        value: 123n * factor,
+      },
+    },
+  },
+];
diff --git a/src/lib/mock-data/cache-pending-notes-info.js b/src/lib/mock-data/cache-pending-notes-info.js
new file mode 100644
index 00000000..98ba9e22
--- /dev/null
+++ b/src/lib/mock-data/cache-pending-notes-info.js
@@ -0,0 +1,25 @@
+/** @type {WalletCachePendingNoteInfo[]} */
+export default [
+  {
+    nullifier: Uint8Array.from([
+      90, 206, 164, 251, 223, 185, 213, 67, 253, 217, 249, 241, 120, 255, 105,
+      64, 110, 71, 47, 157, 193, 140, 35, 133, 69, 67, 228, 34, 223, 125, 236,
+      46,
+    ]),
+    txId: "9bf1a3eac7fa0b8292c9351f0933df56e9468fdb30e79e145b2699b20778d42f",
+  },
+  {
+    nullifier: Uint8Array.from([
+      245, 135, 186, 46, 3, 142, 188, 44, 29, 178, 128, 202, 68, 53, 117, 62,
+      10, 113, 73, 173, 248, 198, 106, 150, 160, 74, 86, 216, 87, 187, 59, 197,
+    ]),
+    txId: "1011e348e45fc3bb09f6a43888e51a1b71f8dee02755486f8948026951dc052d",
+  },
+  {
+    nullifier: Uint8Array.from([
+      126, 1, 67, 106, 78, 193, 10, 9, 193, 99, 2, 7, 107, 141, 64, 213, 223, 1,
+      22, 187, 118, 9, 144, 128, 23, 122, 177, 197, 162, 141, 233, 145,
+    ]),
+    txId: "2b7db6a7c6ebc0b6d410971e9df83854ff11a39d9ba95fd2fbd84378343f436f",
+  },
+];
diff --git a/src/lib/mock-data/cache-spent-notes.js b/src/lib/mock-data/cache-spent-notes.js
new file mode 100644
index 00000000..d09067df
--- /dev/null
+++ b/src/lib/mock-data/cache-spent-notes.js
@@ -0,0 +1,579 @@
+/** @type {WalletCacheNote[]} */
+export default [
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      107, 201, 55, 101, 126, 218, 28, 140, 245, 238, 106, 223, 204, 176, 118,
+      117, 37, 158, 201, 147, 206, 220, 140, 141, 244, 228, 154, 75, 5, 163,
+      226, 76, 216, 188, 173, 136, 14, 170, 128, 129, 238, 246, 118, 32, 252,
+      193, 184, 0, 164, 219, 12, 198, 250, 119, 194, 85, 35, 13, 209, 194, 218,
+      87, 161, 44, 61, 209, 74, 87, 64, 60, 165, 154, 92, 152, 6, 88, 80, 252,
+      56, 73, 114, 125, 51, 77, 220, 28, 141, 77, 99, 231, 7, 147, 108, 85, 213,
+      93, 216, 57, 198, 231, 1, 241, 239, 163, 19, 167, 250, 238, 28, 170, 32,
+      186, 87, 247, 253, 187, 65, 171, 196, 158, 18, 214, 83, 173, 226, 71, 251,
+      96, 212, 251, 172, 29, 101, 112, 93, 171, 219, 80, 148, 91, 190, 29, 161,
+      196, 5, 20, 241, 102, 9, 21, 8, 197, 210, 36, 228, 28, 60, 193, 145, 208,
+      102, 205, 232, 85, 60, 20, 98, 194, 143, 201, 252, 223, 218, 127, 215, 76,
+      18, 95, 170, 104, 126, 64, 102, 78, 199, 167, 199, 35, 107, 127, 55, 56,
+      95, 25, 93, 150, 94, 33, 63, 110, 245, 119, 180, 141, 88, 235, 47, 202,
+      154, 105, 172, 115, 59, 223, 147, 120, 121, 227, 211, 81, 192, 30, 224,
+      193, 25, 243, 107, 38, 98, 63, 131, 172, 111, 111, 38, 176, 220, 17, 41,
+      147, 244, 87, 243, 191, 105, 94, 46, 104, 153, 165, 93, 62, 164, 57, 173,
+      120, 140, 32, 103, 0, 213, 250, 54, 17, 239, 219, 100, 182, 172, 85, 135,
+      236, 8, 46, 80, 68, 15, 32, 132, 51, 3, 253, 49, 63, 7, 140, 197, 237,
+      227, 42, 163, 44, 201, 125, 14, 18, 3, 253, 32, 24, 52, 111, 131, 254, 88,
+      97, 86, 169, 40, 63, 170, 67, 230, 85, 41, 28, 201, 216, 211, 66, 169,
+      121, 38, 134, 61, 115, 114, 139, 65, 20, 220, 254, 197, 201, 184, 171,
+      225, 133, 179, 43, 191, 142, 230, 222, 173, 213, 201, 211, 213, 226, 99,
+      56, 111, 41, 101, 198, 69, 45, 252, 135, 231, 228, 45, 134, 121, 66, 174,
+      7, 177, 195, 68, 182, 168, 77, 150, 85, 104, 168, 179, 126, 28, 137, 154,
+      236, 92, 53, 94, 102, 33, 79, 74, 177, 153, 144, 210, 170, 144, 156, 173,
+      251, 251, 221, 112, 42, 23, 21, 161, 181, 203, 234, 0, 67, 187, 67, 187,
+      222, 9, 83, 127, 101, 111, 92, 33, 41, 15, 165, 100, 88, 30, 155, 27, 55,
+      107, 239, 212, 195, 192, 34, 22, 23, 37, 97, 220, 169, 156, 71, 96, 67,
+      209, 141, 57, 109, 46, 224, 173, 194, 191, 238, 197, 174, 225, 217, 82,
+      51, 100, 157, 173, 164, 37, 25, 155, 21, 49, 70, 139, 60, 142, 171, 66,
+      222, 154, 159, 240, 228, 139, 246, 2, 26, 6, 246, 174, 180, 40, 157, 121,
+      25, 95, 154, 190, 78, 4, 41, 123, 118, 1, 151, 188, 7, 177, 242, 41, 127,
+      161, 166, 227, 254, 165, 134, 4, 208, 34, 37, 180, 175, 30, 48, 181, 187,
+      65, 55, 61, 48, 169, 64, 177, 134, 247, 67, 46, 27, 219, 79, 73, 103, 176,
+      210, 62, 192, 13, 133, 126, 14, 178, 106, 164, 174, 167, 21, 135, 80, 118,
+      198, 2, 72, 98, 203, 92, 8, 142, 19, 207, 231, 110, 217, 191, 79, 104,
+      114, 110, 74, 32, 127, 165, 12, 52, 119, 48, 194, 49, 201, 151, 218, 80,
+      71, 113, 190, 235, 89, 211, 163, 49, 145, 66, 218, 231, 39, 55, 44, 14,
+      248, 129, 32, 201, 0, 51, 172, 60, 70, 106, 191, 40, 238, 38, 44, 75, 68,
+      229, 227, 153, 79, 223, 123, 13, 31, 237, 125, 5, 212, 181, 53, 201, 181,
+      130, 15, 152, 244, 198, 150, 242, 249, 125, 17, 6, 247, 129, 138, 29, 101,
+      107, 230, 144, 166, 156, 212, 77, 102, 167, 48, 93, 1, 204, 228, 164, 177,
+      170, 29, 182, 64, 108, 62, 155, 75, 43, 170, 167, 55, 145, 107, 206, 244,
+      26, 70, 160, 0, 75, 240, 19, 249, 80, 55, 251, 172, 144, 80, 187, 92, 166,
+      210, 16, 29, 72, 252, 180, 55, 99, 54, 181, 104, 20, 60, 172, 149, 140,
+      246, 16, 244, 3, 230, 85, 15, 235, 72, 172, 77, 196, 178,
+    ]),
+    nullifier: Uint8Array.from([
+      2, 187, 68, 254, 206, 100, 204, 68, 111, 16, 110, 198, 142, 254, 215, 176,
+      219, 75, 158, 167, 28, 169, 95, 73, 245, 252, 170, 222, 111, 123, 171, 7,
+    ]),
+  },
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      231, 22, 215, 159, 8, 192, 11, 18, 60, 147, 79, 148, 116, 169, 210, 58,
+      28, 8, 158, 15, 52, 111, 234, 161, 146, 11, 10, 252, 39, 74, 120, 21, 57,
+      184, 250, 179, 143, 173, 234, 236, 24, 143, 231, 104, 144, 228, 31, 250,
+      26, 14, 26, 64, 210, 153, 208, 194, 103, 246, 193, 223, 88, 68, 176, 102,
+      183, 237, 37, 209, 92, 75, 194, 166, 45, 192, 112, 198, 146, 132, 79, 62,
+      66, 143, 148, 96, 104, 40, 34, 152, 3, 218, 177, 30, 79, 84, 124, 226, 78,
+      225, 10, 160, 16, 71, 167, 54, 157, 200, 246, 168, 200, 238, 117, 231, 61,
+      20, 158, 60, 72, 225, 101, 181, 61, 205, 131, 187, 137, 103, 169, 243, 79,
+      146, 111, 221, 119, 203, 169, 13, 94, 147, 82, 5, 149, 114, 149, 24, 206,
+      247, 242, 227, 6, 227, 191, 247, 56, 171, 188, 147, 246, 187, 51, 130,
+      152, 99, 20, 221, 31, 130, 245, 248, 142, 72, 141, 126, 232, 209, 146, 53,
+      146, 170, 83, 135, 214, 255, 19, 213, 246, 3, 205, 154, 167, 10, 128, 15,
+      80, 13, 134, 87, 128, 57, 200, 140, 157, 249, 75, 20, 21, 106, 134, 222,
+      189, 53, 37, 112, 84, 106, 182, 38, 193, 220, 129, 50, 107, 17, 94, 109,
+      6, 145, 72, 226, 98, 161, 9, 235, 33, 174, 172, 64, 192, 72, 185, 192, 82,
+      35, 252, 61, 1, 162, 48, 116, 247, 201, 195, 173, 8, 205, 196, 139, 125,
+      116, 227, 19, 160, 139, 180, 170, 68, 234, 104, 189, 127, 219, 51, 15, 69,
+      15, 11, 249, 227, 171, 228, 67, 217, 131, 165, 175, 14, 189, 119, 207, 50,
+      146, 181, 100, 125, 4, 140, 227, 101, 129, 233, 11, 13, 200, 110, 28, 228,
+      80, 212, 198, 127, 142, 126, 111, 202, 63, 157, 3, 119, 237, 157, 198,
+      199, 89, 6, 217, 225, 218, 104, 209, 20, 164, 40, 64, 103, 14, 128, 4, 24,
+      102, 147, 198, 56, 57, 146, 126, 13, 202, 157, 55, 158, 91, 60, 44, 236,
+      42, 33, 208, 150, 209, 6, 99, 99, 146, 212, 116, 112, 154, 103, 162, 45,
+      185, 112, 194, 247, 211, 64, 171, 216, 202, 145, 230, 99, 16, 253, 106,
+      179, 230, 243, 162, 182, 182, 25, 117, 70, 7, 218, 93, 13, 255, 86, 71,
+      148, 58, 176, 243, 165, 225, 207, 218, 151, 29, 114, 103, 217, 18, 230,
+      23, 21, 95, 25, 60, 212, 5, 199, 217, 206, 191, 44, 206, 251, 124, 112,
+      129, 183, 248, 121, 147, 98, 255, 10, 29, 238, 13, 214, 168, 134, 68, 217,
+      146, 178, 129, 246, 223, 57, 29, 218, 166, 125, 143, 64, 151, 161, 98, 99,
+      154, 162, 0, 29, 244, 180, 107, 113, 236, 252, 139, 30, 114, 212, 168, 74,
+      60, 240, 20, 133, 106, 69, 96, 103, 151, 167, 207, 230, 149, 74, 243, 120,
+      25, 63, 227, 112, 186, 20, 65, 56, 20, 102, 94, 248, 174, 87, 246, 166,
+      48, 139, 87, 11, 154, 249, 15, 154, 238, 247, 68, 5, 71, 13, 50, 140, 109,
+      102, 136, 175, 12, 238, 33, 55, 107, 141, 9, 78, 169, 78, 188, 208, 217,
+      51, 224, 99, 138, 241, 233, 19, 204, 145, 193, 59, 55, 5, 51, 235, 200,
+      118, 21, 97, 34, 253, 72, 85, 20, 224, 164, 135, 144, 102, 244, 100, 80,
+      34, 57, 2, 175, 104, 126, 209, 105, 152, 243, 202, 195, 230, 228, 86, 195,
+      43, 98, 211, 251, 6, 214, 225, 52, 133, 98, 34, 229, 233, 158, 162, 2,
+      167, 250, 211, 195, 21, 163, 185, 214, 174, 213, 60, 71, 49, 11, 168, 43,
+      201, 222, 119, 235, 114, 34, 146, 216, 225, 197, 76, 211, 37, 170, 4, 239,
+      234, 38, 44, 92, 43, 83, 42, 31, 183, 44, 189, 158, 253, 235, 138, 243,
+      84, 146, 146, 3, 154, 153, 159, 7, 255, 224, 79, 84, 158, 66, 238, 210,
+      237, 2, 223, 54, 130, 133, 83, 157, 124, 190, 187, 221, 249, 19, 202, 28,
+      154, 18, 244, 80, 129, 80, 36, 103, 9, 103, 86, 205, 162, 64, 39, 179,
+      172, 234, 162, 43, 122, 221, 248, 209, 107, 159, 32, 29, 180, 178, 136,
+      19, 221, 162, 133, 76, 152, 238, 182, 71, 157, 148, 52, 108, 153, 112, 37,
+      160,
+    ]),
+    nullifier: Uint8Array.from([
+      174, 201, 242, 94, 159, 113, 190, 147, 66, 63, 206, 244, 180, 85, 43, 25,
+      182, 218, 97, 3, 99, 139, 231, 158, 176, 61, 11, 39, 157, 82, 15, 151,
+    ]),
+  },
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      24, 172, 244, 143, 101, 245, 103, 100, 41, 29, 41, 217, 53, 19, 198, 186,
+      255, 131, 249, 217, 64, 129, 168, 127, 157, 248, 79, 144, 64, 62, 136,
+      203, 114, 18, 28, 120, 31, 103, 240, 131, 14, 15, 83, 56, 125, 244, 84,
+      196, 158, 171, 103, 128, 31, 254, 65, 202, 137, 59, 55, 68, 104, 154, 229,
+      59, 146, 108, 160, 173, 128, 7, 64, 189, 45, 191, 104, 96, 6, 246, 200,
+      130, 55, 123, 208, 244, 240, 96, 164, 232, 187, 131, 24, 15, 211, 20, 218,
+      211, 71, 249, 252, 159, 2, 125, 205, 64, 222, 228, 17, 167, 152, 30, 125,
+      170, 54, 158, 186, 225, 101, 112, 179, 58, 237, 111, 243, 213, 149, 215,
+      172, 15, 62, 73, 244, 159, 149, 13, 172, 108, 135, 29, 156, 255, 95, 18,
+      10, 246, 143, 148, 170, 208, 101, 198, 27, 67, 26, 65, 123, 238, 10, 114,
+      117, 192, 131, 244, 233, 124, 132, 198, 24, 124, 63, 233, 13, 136, 172,
+      232, 111, 200, 203, 110, 49, 182, 77, 69, 8, 83, 10, 151, 11, 251, 59, 22,
+      149, 245, 123, 153, 123, 211, 82, 117, 107, 145, 20, 185, 103, 29, 139,
+      216, 89, 50, 176, 134, 91, 53, 161, 113, 0, 185, 166, 4, 125, 239, 112,
+      172, 185, 229, 244, 61, 224, 142, 117, 63, 140, 62, 26, 194, 111, 136, 49,
+      192, 57, 189, 225, 150, 13, 176, 112, 162, 245, 145, 211, 90, 0, 155, 138,
+      14, 48, 194, 0, 171, 146, 236, 64, 63, 150, 150, 177, 65, 102, 36, 100,
+      92, 244, 82, 157, 107, 133, 252, 21, 57, 174, 10, 155, 43, 140, 93, 77,
+      158, 177, 158, 225, 86, 81, 241, 181, 224, 171, 136, 112, 78, 47, 48, 39,
+      93, 60, 115, 187, 53, 216, 94, 209, 80, 30, 191, 229, 82, 241, 220, 122,
+      64, 47, 121, 208, 10, 212, 93, 243, 158, 212, 198, 215, 73, 68, 67, 84,
+      188, 81, 242, 123, 187, 99, 255, 43, 207, 33, 42, 102, 213, 228, 246, 5,
+      68, 7, 15, 94, 49, 18, 138, 13, 183, 127, 29, 216, 68, 52, 146, 0, 211,
+      123, 180, 44, 164, 27, 44, 128, 168, 31, 228, 143, 8, 112, 248, 124, 40,
+      237, 236, 158, 88, 81, 38, 84, 185, 15, 248, 49, 76, 123, 104, 1, 178, 46,
+      169, 143, 189, 82, 153, 251, 36, 95, 225, 79, 211, 104, 26, 229, 51, 62,
+      227, 47, 0, 84, 99, 178, 79, 242, 123, 29, 213, 78, 54, 79, 207, 233, 84,
+      182, 172, 81, 131, 210, 198, 75, 188, 123, 69, 206, 103, 213, 69, 155, 98,
+      28, 36, 188, 174, 80, 29, 74, 183, 218, 97, 2, 38, 16, 193, 60, 191, 155,
+      117, 220, 54, 63, 148, 248, 6, 20, 78, 119, 38, 183, 230, 139, 12, 108,
+      181, 211, 183, 61, 218, 231, 38, 108, 5, 114, 118, 6, 133, 239, 69, 33,
+      12, 79, 251, 58, 101, 25, 254, 38, 120, 221, 151, 146, 102, 210, 36, 169,
+      214, 214, 197, 92, 45, 3, 164, 196, 141, 72, 82, 102, 18, 54, 14, 251, 14,
+      91, 216, 128, 160, 185, 123, 30, 22, 199, 178, 105, 148, 52, 237, 230,
+      101, 99, 43, 164, 20, 213, 107, 69, 244, 114, 127, 55, 139, 106, 113, 54,
+      82, 111, 186, 145, 9, 118, 82, 246, 94, 188, 181, 204, 87, 225, 94, 48,
+      59, 248, 116, 157, 23, 144, 216, 209, 120, 206, 161, 98, 152, 255, 178,
+      18, 254, 171, 123, 71, 144, 114, 148, 72, 56, 185, 59, 85, 79, 129, 49,
+      122, 185, 83, 198, 135, 113, 152, 160, 57, 239, 233, 183, 206, 34, 119, 2,
+      117, 130, 211, 200, 0, 199, 136, 6, 13, 222, 123, 114, 172, 213, 226, 146,
+      3, 229, 1, 12, 58, 7, 85, 96, 113, 59, 152, 43, 90, 96, 248, 56, 133, 47,
+      88, 80, 87, 206, 188, 65, 13, 78, 30, 197, 71, 188, 23, 88, 166, 248, 31,
+      33, 112, 213, 204, 11, 204, 198, 104, 231, 34, 96, 1, 6, 223, 91, 145,
+      169, 246, 0, 64, 74, 139, 23, 26, 57, 169, 156, 27, 142, 226, 149, 221,
+      178, 161, 82, 200, 129, 143, 48, 159, 159, 165, 94, 56, 187, 201, 64, 76,
+      248, 252, 29, 181, 201, 142, 33, 155, 246, 24, 114, 218, 24,
+    ]),
+    nullifier: Uint8Array.from([
+      33, 208, 97, 116, 10, 23, 146, 253, 119, 109, 208, 136, 214, 134, 180, 52,
+      104, 101, 168, 113, 23, 197, 157, 142, 197, 184, 11, 217, 175, 54, 212,
+      184,
+    ]),
+  },
+  {
+    address:
+      "B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g",
+
+    note: Uint8Array.from([
+      105, 2, 82, 57, 99, 32, 63, 247, 78, 45, 219, 233, 46, 139, 186, 120, 10,
+      171, 25, 58, 38, 135, 16, 230, 94, 12, 77, 75, 80, 154, 128, 57, 129, 162,
+      243, 232, 216, 155, 189, 206, 44, 192, 129, 104, 202, 252, 37, 16, 111,
+      237, 225, 174, 34, 149, 26, 156, 243, 143, 199, 87, 17, 91, 170, 172, 55,
+      42, 174, 137, 231, 29, 57, 17, 43, 106, 216, 230, 226, 188, 103, 125, 65,
+      98, 255, 39, 157, 181, 68, 11, 27, 229, 190, 74, 207, 119, 228, 225, 215,
+      44, 98, 5, 23, 179, 8, 74, 65, 139, 111, 50, 252, 2, 145, 153, 222, 53,
+      94, 152, 150, 181, 74, 1, 73, 58, 227, 169, 67, 246, 159, 45, 186, 39, 99,
+      138, 5, 120, 95, 215, 69, 156, 83, 229, 211, 83, 89, 203, 76, 85, 208, 99,
+      112, 138, 255, 219, 112, 69, 73, 61, 29, 246, 234, 81, 131, 66, 206, 138,
+      110, 73, 19, 89, 208, 241, 230, 244, 205, 236, 46, 255, 238, 150, 109,
+      213, 91, 96, 201, 244, 196, 244, 249, 209, 130, 239, 23, 189, 131, 172,
+      189, 18, 82, 248, 253, 108, 130, 113, 4, 65, 56, 66, 233, 93, 93, 106, 73,
+      62, 187, 182, 21, 198, 25, 238, 13, 17, 141, 37, 226, 199, 63, 255, 174,
+      117, 5, 92, 13, 174, 43, 105, 68, 183, 48, 44, 91, 44, 122, 47, 103, 38,
+      166, 76, 80, 37, 207, 199, 179, 48, 245, 188, 62, 3, 132, 8, 229, 159, 10,
+      178, 106, 179, 26, 214, 92, 220, 103, 105, 173, 16, 38, 190, 212, 103, 45,
+      37, 150, 132, 212, 33, 92, 142, 168, 2, 3, 58, 21, 169, 21, 231, 149, 209,
+      129, 143, 231, 148, 239, 35, 151, 212, 35, 23, 121, 234, 233, 33, 161, 0,
+      61, 173, 104, 98, 105, 44, 182, 131, 81, 56, 187, 107, 67, 106, 145, 255,
+      171, 152, 128, 4, 239, 56, 4, 131, 17, 63, 114, 153, 131, 251, 237, 69,
+      162, 33, 42, 79, 83, 233, 200, 40, 52, 105, 6, 90, 244, 8, 138, 88, 27,
+      22, 240, 246, 234, 193, 75, 15, 147, 128, 96, 43, 163, 79, 254, 74, 39,
+      11, 86, 48, 99, 198, 137, 192, 141, 197, 42, 85, 209, 239, 153, 37, 122,
+      113, 220, 45, 237, 159, 204, 161, 81, 60, 57, 29, 29, 77, 161, 144, 134,
+      143, 53, 19, 162, 126, 125, 54, 22, 29, 117, 176, 53, 253, 12, 254, 2,
+      191, 228, 225, 94, 208, 106, 28, 9, 208, 45, 247, 230, 52, 55, 18, 176,
+      187, 37, 95, 84, 31, 81, 71, 96, 210, 109, 188, 41, 21, 155, 29, 122, 250,
+      237, 235, 161, 25, 221, 214, 181, 30, 169, 116, 153, 209, 233, 5, 125, 23,
+      215, 203, 186, 45, 252, 102, 69, 44, 173, 211, 156, 87, 145, 20, 92, 122,
+      127, 58, 117, 94, 124, 109, 13, 52, 164, 142, 113, 241, 124, 52, 33, 9,
+      33, 241, 97, 119, 108, 141, 44, 161, 7, 81, 21, 197, 79, 254, 52, 211, 71,
+      69, 39, 58, 200, 168, 13, 80, 114, 65, 97, 239, 137, 26, 53, 193, 202, 75,
+      87, 240, 22, 91, 145, 135, 214, 79, 160, 108, 70, 42, 99, 99, 126, 44,
+      236, 15, 9, 80, 17, 219, 249, 29, 81, 20, 196, 204, 102, 46, 80, 92, 144,
+      182, 165, 43, 65, 66, 173, 254, 36, 48, 59, 111, 236, 145, 78, 148, 104,
+      255, 213, 33, 25, 103, 44, 58, 173, 64, 2, 187, 165, 92, 55, 174, 100, 47,
+      105, 108, 65, 75, 29, 20, 3, 142, 129, 41, 169, 124, 154, 13, 99, 191,
+      132, 235, 218, 9, 5, 0, 237, 53, 201, 74, 67, 141, 150, 253, 184, 102,
+      199, 228, 225, 127, 124, 81, 103, 121, 70, 59, 115, 240, 33, 121, 30, 186,
+      59, 46, 21, 52, 178, 40, 255, 148, 19, 150, 157, 115, 22, 150, 212, 81,
+      200, 99, 40, 213, 101, 9, 160, 111, 253, 242, 96, 159, 251, 187, 13, 115,
+      159, 54, 95, 180, 69, 207, 239, 166, 177, 176, 106, 232, 160, 154, 197,
+      195, 254, 121, 223, 182, 238, 220, 170, 210, 232, 156, 244, 122, 19, 218,
+      184, 244, 185, 76, 175, 96, 185, 234, 76, 16, 129, 77, 121, 157, 52, 198,
+      147, 220, 41, 141, 37, 11,
+    ]),
+    nullifier: Uint8Array.from([
+      169, 151, 146, 7, 237, 155, 98, 33, 185, 238, 185, 231, 104, 39, 101, 29,
+      27, 249, 219, 210, 40, 99, 0, 210, 188, 255, 161, 75, 233, 59, 199, 136,
+    ]),
+  },
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      197, 104, 172, 172, 254, 60, 6, 145, 255, 93, 136, 41, 38, 50, 58, 130,
+      73, 186, 201, 37, 28, 97, 188, 155, 91, 39, 43, 3, 21, 117, 179, 39, 114,
+      56, 54, 136, 37, 122, 90, 144, 115, 3, 232, 86, 251, 134, 132, 88, 181,
+      245, 175, 255, 234, 4, 164, 46, 191, 242, 209, 34, 59, 120, 113, 106, 109,
+      96, 9, 67, 241, 189, 242, 50, 102, 48, 150, 143, 68, 21, 125, 137, 178,
+      128, 106, 98, 10, 14, 87, 79, 71, 49, 73, 204, 183, 217, 16, 253, 11, 215,
+      252, 233, 17, 67, 40, 78, 253, 129, 252, 100, 233, 62, 49, 121, 247, 117,
+      139, 188, 95, 37, 67, 128, 136, 189, 206, 104, 67, 2, 221, 50, 247, 158,
+      45, 177, 174, 72, 130, 34, 178, 58, 48, 193, 178, 86, 105, 201, 175, 128,
+      62, 70, 252, 199, 25, 97, 162, 225, 32, 48, 151, 229, 82, 86, 205, 252,
+      39, 231, 135, 165, 61, 226, 156, 214, 250, 158, 110, 77, 164, 138, 10,
+      165, 83, 20, 243, 160, 53, 31, 43, 210, 183, 66, 157, 253, 234, 55, 191,
+      152, 53, 87, 88, 168, 91, 198, 187, 133, 239, 116, 118, 164, 69, 85, 90,
+      190, 34, 143, 189, 210, 59, 81, 134, 22, 32, 101, 36, 129, 68, 113, 91,
+      77, 207, 254, 214, 192, 38, 172, 25, 54, 71, 158, 102, 18, 148, 164, 122,
+      214, 175, 138, 53, 42, 109, 154, 17, 179, 76, 21, 160, 84, 18, 185, 144,
+      179, 178, 211, 181, 10, 102, 7, 182, 199, 76, 99, 32, 182, 141, 156, 70,
+      84, 60, 247, 17, 135, 104, 161, 219, 252, 246, 220, 252, 240, 53, 100,
+      240, 137, 147, 205, 196, 129, 232, 229, 21, 241, 96, 248, 219, 49, 244,
+      244, 71, 22, 248, 75, 138, 92, 138, 248, 201, 234, 52, 47, 208, 131, 224,
+      231, 77, 244, 93, 24, 65, 77, 40, 176, 179, 147, 197, 164, 94, 147, 136,
+      23, 83, 141, 243, 98, 102, 10, 215, 43, 18, 156, 50, 93, 28, 137, 58, 80,
+      66, 9, 201, 185, 73, 10, 188, 208, 21, 99, 7, 18, 220, 15, 209, 223, 79,
+      247, 210, 6, 118, 108, 93, 213, 10, 192, 138, 166, 192, 126, 102, 69, 78,
+      159, 199, 138, 59, 16, 157, 62, 180, 137, 152, 98, 88, 73, 178, 200, 114,
+      38, 196, 29, 210, 227, 94, 6, 56, 251, 139, 149, 44, 145, 203, 73, 173, 8,
+      7, 142, 60, 3, 31, 191, 2, 99, 116, 119, 108, 154, 195, 195, 29, 89, 249,
+      154, 136, 38, 204, 166, 217, 252, 113, 30, 224, 48, 115, 88, 83, 104, 18,
+      176, 218, 117, 254, 82, 11, 117, 101, 35, 61, 46, 25, 224, 212, 86, 184,
+      164, 68, 90, 64, 217, 167, 25, 217, 6, 162, 130, 77, 111, 78, 251, 99,
+      254, 243, 97, 174, 243, 1, 110, 205, 126, 188, 211, 119, 222, 185, 72,
+      104, 174, 26, 230, 110, 90, 108, 15, 26, 136, 187, 146, 101, 189, 129, 62,
+      220, 62, 243, 126, 117, 78, 189, 50, 50, 94, 198, 78, 74, 144, 253, 181,
+      188, 107, 174, 51, 135, 136, 90, 205, 84, 155, 153, 193, 98, 15, 233, 183,
+      13, 80, 202, 211, 248, 185, 241, 249, 230, 194, 63, 58, 3, 94, 24, 130,
+      74, 25, 42, 249, 112, 8, 248, 111, 220, 250, 184, 199, 206, 173, 122, 55,
+      180, 253, 164, 145, 110, 171, 49, 159, 128, 116, 98, 82, 44, 255, 148,
+      100, 231, 43, 32, 71, 105, 152, 172, 218, 161, 248, 69, 18, 24, 187, 193,
+      76, 204, 104, 54, 15, 130, 148, 118, 20, 16, 160, 4, 18, 210, 66, 75, 155,
+      139, 220, 159, 113, 122, 198, 223, 97, 169, 5, 147, 133, 217, 78, 3, 157,
+      93, 245, 74, 16, 55, 53, 61, 136, 164, 73, 81, 102, 79, 235, 206, 8, 236,
+      67, 0, 217, 227, 233, 33, 207, 34, 15, 233, 84, 216, 235, 184, 171, 48,
+      207, 150, 147, 146, 19, 29, 29, 30, 49, 229, 0, 34, 171, 103, 24, 55, 165,
+      134, 246, 41, 156, 169, 94, 177, 45, 210, 208, 72, 105, 206, 156, 220, 73,
+      195, 41, 144, 173, 105, 6, 38, 60, 222, 237, 202, 100, 142, 78, 213, 194,
+      2, 132, 172, 123, 197, 122, 215, 194, 26, 225, 180, 35,
+    ]),
+    nullifier: Uint8Array.from([
+      125, 18, 69, 74, 134, 183, 139, 194, 250, 220, 20, 137, 20, 192, 218, 155,
+      227, 163, 12, 239, 89, 69, 46, 134, 85, 224, 49, 243, 229, 83, 161, 154,
+    ]),
+  },
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      105, 218, 62, 39, 86, 144, 199, 170, 164, 29, 167, 211, 201, 15, 108, 31,
+      139, 237, 180, 140, 196, 164, 67, 171, 252, 181, 125, 170, 152, 39, 34,
+      110, 118, 242, 217, 168, 155, 152, 131, 136, 55, 170, 101, 93, 61, 162,
+      30, 246, 213, 89, 83, 133, 85, 223, 8, 169, 196, 39, 51, 18, 182, 80, 210,
+      4, 172, 197, 220, 2, 4, 132, 7, 190, 72, 166, 120, 137, 136, 154, 27, 179,
+      38, 196, 112, 4, 90, 191, 228, 60, 144, 5, 106, 93, 104, 116, 173, 234,
+      92, 241, 18, 136, 214, 27, 42, 122, 107, 202, 19, 118, 190, 123, 238, 102,
+      103, 134, 19, 151, 212, 147, 202, 251, 199, 253, 108, 238, 122, 65, 62,
+      33, 169, 32, 228, 250, 91, 92, 194, 239, 142, 154, 207, 30, 153, 161, 189,
+      186, 239, 83, 98, 160, 159, 180, 156, 136, 149, 115, 167, 11, 76, 160, 80,
+      181, 131, 11, 220, 14, 180, 222, 236, 70, 47, 243, 109, 127, 5, 151, 17,
+      200, 190, 186, 6, 115, 244, 154, 214, 127, 22, 252, 154, 212, 185, 159,
+      148, 36, 47, 156, 77, 72, 243, 128, 197, 242, 156, 110, 26, 86, 250, 33,
+      68, 130, 18, 35, 118, 154, 56, 212, 227, 198, 109, 155, 76, 17, 229, 6,
+      15, 131, 125, 224, 155, 103, 93, 203, 211, 249, 146, 197, 127, 198, 211,
+      139, 14, 72, 51, 102, 133, 237, 224, 247, 92, 151, 82, 242, 230, 52, 252,
+      154, 146, 210, 77, 179, 82, 187, 124, 91, 3, 39, 82, 184, 187, 211, 204,
+      203, 217, 30, 1, 232, 8, 178, 1, 218, 10, 96, 100, 85, 107, 204, 23, 196,
+      67, 210, 3, 229, 28, 82, 232, 216, 40, 222, 178, 117, 114, 181, 218, 237,
+      21, 236, 29, 147, 228, 197, 32, 104, 2, 228, 28, 253, 210, 189, 37, 87,
+      120, 112, 235, 128, 72, 86, 82, 173, 45, 112, 177, 125, 35, 106, 166, 113,
+      206, 61, 121, 125, 11, 182, 244, 96, 134, 41, 184, 63, 18, 36, 34, 150,
+      46, 140, 123, 202, 6, 51, 138, 208, 65, 205, 52, 221, 83, 125, 153, 129,
+      98, 166, 46, 85, 48, 43, 226, 232, 6, 37, 192, 4, 247, 156, 74, 70, 214,
+      61, 148, 183, 217, 241, 140, 247, 54, 234, 226, 160, 166, 167, 114, 98,
+      131, 96, 233, 82, 228, 40, 69, 191, 167, 173, 158, 37, 207, 148, 213, 207,
+      109, 36, 50, 187, 161, 124, 225, 79, 45, 92, 171, 68, 96, 92, 55, 209, 59,
+      202, 133, 180, 239, 219, 102, 212, 139, 189, 42, 164, 224, 155, 195, 124,
+      126, 179, 246, 140, 147, 212, 216, 121, 48, 185, 185, 40, 251, 98, 28, 90,
+      137, 235, 197, 177, 208, 247, 35, 229, 56, 80, 136, 35, 237, 232, 169,
+      149, 4, 174, 244, 135, 222, 222, 177, 102, 243, 226, 98, 198, 185, 137,
+      233, 146, 238, 135, 241, 41, 22, 219, 132, 209, 102, 1, 251, 72, 211, 123,
+      145, 103, 251, 78, 15, 63, 30, 103, 54, 244, 219, 181, 209, 16, 215, 57,
+      17, 9, 74, 78, 41, 14, 204, 230, 32, 135, 17, 215, 233, 195, 243, 157,
+      237, 1, 225, 83, 182, 82, 99, 143, 245, 173, 19, 48, 166, 139, 206, 48,
+      136, 180, 22, 103, 0, 216, 177, 23, 15, 98, 251, 31, 2, 44, 238, 55, 224,
+      30, 84, 116, 5, 59, 27, 232, 197, 58, 35, 146, 127, 152, 82, 237, 168,
+      103, 159, 150, 8, 111, 149, 131, 81, 110, 99, 147, 186, 8, 215, 131, 233,
+      220, 229, 144, 254, 17, 78, 45, 199, 82, 69, 159, 70, 187, 133, 199, 238,
+      232, 41, 58, 175, 80, 4, 110, 241, 56, 170, 206, 202, 106, 25, 49, 64,
+      103, 29, 137, 127, 118, 21, 233, 28, 124, 179, 93, 107, 235, 125, 226, 16,
+      84, 173, 78, 101, 23, 119, 54, 193, 172, 175, 1, 168, 2, 177, 230, 24,
+      122, 11, 174, 39, 91, 185, 189, 184, 187, 10, 217, 211, 238, 30, 92, 89,
+      51, 57, 39, 52, 23, 128, 196, 83, 171, 219, 92, 62, 94, 31, 65, 111, 150,
+      139, 193, 170, 172, 78, 226, 14, 71, 112, 99, 38, 161, 142, 36, 115, 134,
+      164, 47, 162, 131, 83, 218, 76, 97, 57, 8, 147, 221, 1, 139, 20, 222, 20,
+      214,
+    ]),
+    nullifier: Uint8Array.from([
+      223, 63, 149, 98, 185, 248, 29, 85, 209, 74, 135, 35, 16, 204, 25, 54,
+      119, 37, 39, 247, 246, 66, 145, 1, 246, 6, 201, 31, 205, 104, 90, 85,
+    ]),
+  },
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      6, 20, 147, 205, 121, 161, 59, 73, 180, 206, 103, 234, 199, 52, 81, 98,
+      158, 49, 60, 128, 248, 96, 251, 106, 134, 59, 235, 136, 80, 109, 209, 53,
+      180, 158, 174, 152, 31, 103, 119, 195, 177, 164, 182, 154, 135, 252, 238,
+      36, 36, 122, 113, 226, 67, 255, 119, 42, 134, 126, 57, 201, 31, 190, 212,
+      120, 138, 67, 206, 223, 49, 147, 89, 40, 30, 255, 51, 228, 176, 10, 1,
+      117, 219, 55, 37, 188, 236, 134, 124, 226, 104, 57, 109, 184, 139, 124,
+      148, 109, 197, 83, 129, 227, 95, 0, 49, 38, 248, 185, 67, 229, 97, 49,
+      117, 143, 102, 214, 188, 36, 247, 121, 200, 173, 65, 141, 94, 3, 183, 67,
+      45, 148, 59, 117, 226, 144, 26, 67, 56, 83, 143, 16, 237, 65, 222, 45,
+      104, 254, 58, 119, 218, 30, 245, 90, 232, 192, 163, 254, 43, 62, 103, 160,
+      4, 186, 136, 229, 50, 193, 147, 31, 136, 230, 101, 193, 77, 95, 105, 47,
+      38, 33, 119, 190, 209, 137, 88, 206, 118, 234, 22, 110, 10, 246, 119, 97,
+      120, 44, 241, 180, 91, 81, 111, 83, 31, 163, 193, 187, 102, 249, 58, 85,
+      89, 113, 50, 173, 161, 236, 109, 220, 55, 52, 219, 65, 88, 126, 52, 43,
+      81, 102, 138, 123, 230, 53, 165, 24, 201, 248, 98, 206, 1, 161, 102, 121,
+      172, 3, 145, 63, 250, 103, 212, 53, 9, 80, 255, 147, 231, 36, 30, 66, 206,
+      58, 81, 11, 229, 144, 222, 5, 4, 211, 219, 155, 227, 85, 227, 223, 155,
+      206, 202, 90, 155, 162, 103, 113, 114, 136, 38, 126, 2, 101, 181, 97, 37,
+      195, 26, 102, 197, 23, 22, 127, 60, 0, 214, 162, 18, 224, 235, 156, 69,
+      114, 205, 106, 19, 88, 97, 108, 243, 158, 144, 3, 211, 144, 167, 128, 212,
+      55, 208, 18, 37, 141, 230, 51, 176, 12, 244, 171, 182, 76, 200, 240, 159,
+      168, 218, 38, 233, 121, 152, 244, 46, 204, 81, 202, 141, 17, 53, 107, 152,
+      57, 83, 248, 205, 65, 123, 185, 56, 155, 112, 242, 66, 43, 254, 86, 214,
+      187, 113, 177, 222, 48, 227, 216, 143, 7, 202, 58, 153, 252, 204, 110, 54,
+      31, 8, 78, 233, 9, 229, 255, 248, 153, 195, 198, 61, 220, 182, 3, 197, 89,
+      254, 67, 34, 139, 179, 149, 213, 220, 198, 204, 163, 63, 168, 218, 61,
+      122, 172, 130, 253, 10, 101, 80, 79, 164, 23, 24, 2, 67, 102, 24, 97, 21,
+      254, 221, 178, 42, 61, 205, 16, 199, 134, 219, 254, 248, 179, 183, 66, 39,
+      140, 38, 161, 213, 129, 66, 118, 197, 216, 246, 9, 98, 25, 201, 71, 100,
+      164, 147, 141, 26, 247, 73, 107, 155, 242, 103, 129, 229, 104, 107, 129,
+      106, 91, 69, 19, 207, 145, 147, 155, 52, 160, 230, 152, 152, 183, 72, 110,
+      195, 104, 18, 115, 250, 202, 132, 238, 147, 105, 155, 122, 119, 91, 203,
+      12, 191, 6, 151, 62, 53, 34, 8, 86, 227, 152, 157, 103, 132, 76, 19, 50,
+      108, 110, 19, 188, 53, 83, 96, 199, 235, 207, 99, 217, 237, 204, 25, 123,
+      246, 55, 128, 115, 220, 40, 84, 47, 184, 220, 20, 13, 208, 0, 42, 102,
+      224, 250, 97, 95, 199, 35, 207, 180, 130, 102, 140, 184, 224, 34, 134,
+      242, 126, 73, 207, 220, 151, 187, 141, 127, 91, 193, 192, 46, 28, 28, 108,
+      3, 37, 15, 83, 49, 205, 195, 17, 70, 78, 215, 224, 215, 54, 229, 179, 219,
+      206, 49, 100, 232, 164, 241, 184, 233, 134, 98, 73, 141, 147, 166, 81,
+      203, 104, 145, 199, 159, 70, 51, 69, 157, 116, 120, 176, 124, 137, 40,
+      151, 230, 0, 180, 6, 126, 28, 68, 2, 48, 69, 90, 94, 227, 110, 36, 197,
+      61, 223, 7, 98, 0, 130, 43, 154, 48, 23, 83, 182, 170, 175, 80, 94, 89,
+      171, 142, 71, 195, 120, 143, 184, 140, 232, 114, 56, 103, 68, 45, 112,
+      129, 115, 246, 42, 10, 236, 245, 245, 202, 96, 77, 207, 27, 173, 216, 97,
+      123, 90, 244, 102, 103, 30, 239, 67, 113, 130, 99, 54, 116, 247, 39, 165,
+      249, 16, 47, 31, 135, 0, 45, 43, 51, 101, 149, 88, 142, 91, 220, 88, 89,
+      112,
+    ]),
+    nullifier: Uint8Array.from([
+      233, 21, 148, 197, 34, 112, 163, 151, 164, 106, 162, 68, 209, 253, 171,
+      180, 167, 53, 13, 154, 39, 148, 135, 182, 249, 176, 62, 31, 22, 173, 225,
+      247,
+    ]),
+  },
+  {
+    address:
+      "1a2b3c4d5e6f7g8h9i0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G",
+
+    note: Uint8Array.from([
+      74, 100, 243, 195, 125, 90, 14, 61, 170, 44, 16, 96, 105, 37, 209, 90,
+      148, 185, 65, 51, 206, 6, 156, 160, 41, 129, 220, 169, 115, 122, 97, 48,
+      58, 149, 166, 235, 147, 197, 212, 61, 169, 128, 167, 193, 39, 198, 142,
+      127, 210, 193, 135, 21, 215, 11, 82, 181, 107, 144, 180, 138, 230, 28,
+      137, 178, 129, 235, 56, 173, 150, 98, 237, 247, 90, 179, 52, 43, 219, 102,
+      158, 230, 117, 144, 111, 217, 89, 162, 82, 28, 149, 117, 123, 184, 115,
+      83, 159, 204, 21, 204, 142, 145, 112, 241, 150, 101, 190, 60, 244, 23,
+      101, 97, 205, 251, 82, 250, 141, 38, 159, 99, 43, 151, 19, 65, 32, 188,
+      48, 115, 105, 39, 35, 74, 203, 40, 149, 123, 175, 223, 60, 72, 237, 235,
+      51, 109, 49, 212, 253, 221, 36, 71, 238, 184, 128, 115, 49, 21, 214, 159,
+      57, 21, 204, 81, 176, 71, 75, 154, 57, 172, 114, 114, 88, 230, 108, 204,
+      65, 5, 48, 225, 165, 0, 87, 233, 27, 198, 181, 230, 127, 219, 189, 236, 3,
+      218, 159, 244, 103, 165, 250, 87, 71, 60, 128, 145, 28, 36, 112, 65, 15,
+      111, 243, 41, 246, 162, 249, 213, 87, 251, 78, 243, 208, 107, 28, 167,
+      178, 203, 138, 164, 99, 125, 161, 38, 23, 102, 21, 178, 164, 20, 249, 4,
+      252, 196, 121, 106, 48, 198, 101, 142, 178, 235, 199, 26, 163, 181, 239,
+      107, 189, 57, 22, 162, 186, 51, 5, 134, 140, 73, 148, 46, 247, 107, 131,
+      164, 67, 235, 204, 235, 143, 72, 83, 45, 3, 80, 52, 116, 134, 97, 221, 53,
+      199, 127, 215, 73, 246, 0, 137, 125, 218, 123, 226, 33, 59, 107, 252, 17,
+      97, 191, 203, 236, 131, 194, 231, 144, 72, 113, 196, 193, 118, 144, 227,
+      179, 214, 109, 231, 249, 202, 53, 22, 96, 211, 143, 70, 198, 24, 4, 72,
+      176, 147, 87, 61, 105, 126, 0, 183, 31, 219, 145, 64, 138, 154, 205, 98,
+      99, 25, 171, 183, 193, 45, 170, 69, 163, 56, 18, 1, 32, 146, 93, 16, 124,
+      153, 252, 28, 102, 190, 98, 49, 5, 244, 176, 26, 142, 115, 127, 254, 190,
+      196, 244, 134, 187, 123, 231, 82, 44, 34, 124, 63, 211, 45, 21, 174, 93,
+      16, 46, 209, 202, 80, 224, 229, 68, 32, 226, 151, 149, 23, 166, 171, 83,
+      197, 52, 239, 42, 80, 236, 125, 9, 94, 3, 91, 223, 210, 238, 101, 135, 46,
+      151, 61, 18, 174, 165, 178, 204, 242, 159, 41, 58, 122, 46, 51, 105, 230,
+      26, 225, 85, 251, 55, 198, 14, 100, 207, 183, 102, 26, 157, 250, 14, 96,
+      172, 54, 119, 29, 238, 22, 174, 33, 168, 197, 41, 136, 110, 17, 59, 35,
+      132, 139, 48, 205, 200, 204, 9, 19, 126, 6, 149, 119, 211, 239, 80, 144,
+      208, 191, 238, 126, 96, 215, 152, 252, 39, 56, 19, 112, 111, 88, 254, 45,
+      69, 44, 72, 113, 179, 181, 185, 126, 120, 127, 141, 176, 90, 93, 252, 163,
+      121, 207, 16, 45, 69, 255, 209, 190, 9, 228, 71, 150, 181, 159, 195, 198,
+      129, 226, 181, 73, 233, 122, 52, 176, 113, 76, 149, 197, 225, 58, 174,
+      112, 86, 92, 10, 125, 210, 126, 222, 60, 32, 64, 16, 25, 204, 72, 252,
+      125, 60, 43, 73, 21, 25, 104, 115, 223, 175, 178, 189, 89, 166, 142, 202,
+      198, 28, 132, 119, 220, 132, 8, 205, 155, 102, 131, 134, 143, 135, 223,
+      226, 227, 175, 169, 72, 249, 121, 25, 33, 21, 213, 143, 30, 123, 247, 51,
+      155, 238, 79, 229, 255, 162, 204, 206, 231, 175, 204, 234, 214, 93, 156,
+      54, 113, 47, 242, 231, 120, 69, 43, 84, 28, 126, 49, 254, 30, 246, 132, 3,
+      205, 108, 31, 209, 195, 239, 39, 130, 193, 97, 70, 156, 37, 132, 154, 145,
+      244, 125, 251, 114, 88, 182, 119, 209, 175, 219, 19, 87, 209, 55, 76, 20,
+      181, 59, 110, 78, 13, 202, 128, 227, 98, 134, 234, 59, 47, 61, 111, 169,
+      27, 51, 188, 4, 77, 252, 125, 59, 203, 152, 18, 52, 129, 41, 35, 243, 52,
+      0, 191, 31, 190, 201, 91, 38, 102, 229, 32, 193, 246, 219, 205, 95, 131,
+      80, 58, 84, 181,
+    ]),
+    nullifier: Uint8Array.from([
+      13, 148, 33, 224, 6, 76, 230, 151, 237, 1, 233, 221, 12, 253, 189, 168,
+      124, 4, 117, 159, 61, 144, 243, 126, 105, 125, 67, 143, 65, 97, 9, 175,
+    ]),
+  },
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      229, 7, 228, 6, 92, 135, 22, 200, 214, 28, 251, 31, 118, 134, 16, 75, 109,
+      254, 40, 27, 216, 18, 58, 227, 124, 49, 233, 28, 13, 254, 174, 165, 121,
+      94, 120, 63, 180, 29, 33, 55, 60, 1, 173, 96, 98, 225, 221, 40, 71, 55,
+      162, 39, 189, 33, 222, 198, 209, 244, 180, 102, 172, 254, 108, 16, 94, 84,
+      154, 249, 130, 135, 18, 169, 121, 198, 120, 233, 63, 135, 85, 45, 170,
+      136, 88, 48, 43, 13, 78, 14, 141, 169, 152, 191, 63, 5, 65, 246, 193, 231,
+      130, 49, 6, 98, 162, 44, 221, 78, 209, 158, 138, 227, 11, 171, 26, 7, 89,
+      153, 79, 243, 230, 91, 36, 39, 235, 41, 157, 45, 74, 175, 204, 88, 218,
+      61, 182, 148, 240, 36, 189, 234, 221, 51, 132, 173, 110, 206, 58, 201,
+      160, 56, 78, 195, 79, 85, 29, 201, 210, 109, 220, 143, 170, 254, 231, 230,
+      180, 173, 111, 160, 48, 253, 140, 107, 115, 174, 42, 110, 20, 169, 33,
+      242, 195, 176, 53, 108, 11, 254, 201, 135, 212, 54, 56, 124, 36, 76, 44,
+      253, 54, 62, 123, 121, 206, 46, 181, 107, 32, 248, 6, 86, 254, 74, 77, 55,
+      213, 64, 195, 54, 61, 29, 156, 73, 63, 43, 9, 111, 16, 80, 8, 45, 175, 85,
+      98, 217, 15, 189, 180, 169, 47, 221, 235, 215, 107, 160, 251, 244, 166,
+      104, 119, 227, 127, 187, 164, 46, 144, 93, 222, 46, 35, 54, 94, 23, 243,
+      72, 102, 176, 90, 3, 97, 115, 50, 96, 135, 20, 238, 44, 130, 174, 248,
+      159, 184, 136, 22, 210, 32, 51, 240, 237, 168, 164, 17, 75, 126, 191, 177,
+      97, 112, 237, 63, 105, 127, 183, 145, 200, 144, 61, 90, 205, 247, 148,
+      177, 34, 195, 198, 128, 197, 42, 253, 193, 28, 247, 5, 255, 96, 143, 181,
+      172, 195, 179, 108, 222, 127, 134, 205, 140, 216, 128, 207, 10, 135, 128,
+      163, 255, 41, 162, 84, 153, 12, 183, 44, 108, 204, 138, 225, 52, 243, 172,
+      98, 144, 6, 107, 3, 42, 246, 182, 7, 99, 64, 182, 111, 11, 130, 212, 244,
+      235, 83, 217, 156, 4, 243, 90, 176, 110, 13, 250, 139, 55, 174, 211, 147,
+      42, 94, 206, 12, 171, 207, 105, 185, 172, 44, 68, 246, 13, 72, 129, 215,
+      95, 152, 119, 70, 243, 134, 244, 108, 73, 149, 211, 70, 97, 70, 114, 244,
+      190, 18, 19, 77, 203, 226, 20, 50, 191, 215, 84, 75, 57, 57, 172, 17, 230,
+      181, 71, 131, 40, 246, 210, 95, 68, 112, 252, 190, 0, 77, 227, 76, 83,
+      146, 93, 51, 225, 144, 77, 154, 113, 28, 137, 161, 165, 75, 27, 134, 171,
+      68, 43, 53, 159, 7, 223, 186, 31, 135, 44, 13, 141, 126, 51, 205, 202,
+      181, 137, 244, 241, 230, 138, 241, 8, 95, 247, 158, 93, 181, 81, 165, 223,
+      197, 111, 225, 10, 79, 34, 159, 74, 45, 106, 209, 30, 165, 40, 88, 98,
+      117, 27, 154, 241, 233, 37, 92, 6, 83, 80, 92, 25, 114, 89, 232, 80, 98,
+      44, 60, 213, 230, 89, 143, 101, 141, 101, 173, 49, 90, 153, 46, 189, 149,
+      77, 188, 170, 239, 153, 94, 110, 71, 96, 81, 142, 196, 217, 10, 135, 20,
+      51, 254, 116, 133, 236, 52, 225, 51, 206, 191, 76, 142, 8, 44, 43, 187,
+      179, 189, 39, 163, 248, 181, 144, 116, 172, 214, 99, 21, 255, 15, 14, 7,
+      186, 207, 167, 58, 130, 213, 104, 217, 16, 6, 187, 89, 202, 224, 73, 126,
+      174, 145, 111, 55, 200, 248, 27, 116, 243, 151, 197, 134, 211, 231, 223,
+      117, 103, 10, 203, 213, 219, 237, 162, 209, 196, 232, 102, 204, 68, 24,
+      218, 102, 169, 26, 51, 119, 70, 118, 56, 111, 13, 246, 8, 95, 241, 249,
+      160, 29, 47, 127, 112, 10, 44, 19, 69, 101, 58, 21, 33, 51, 201, 183, 232,
+      153, 241, 241, 235, 42, 115, 16, 73, 12, 148, 172, 5, 140, 202, 29, 140,
+      69, 17, 212, 186, 144, 181, 126, 216, 200, 109, 158, 97, 127, 226, 209,
+      130, 232, 83, 137, 229, 6, 35, 104, 77, 107, 230, 176, 53, 88, 222, 246,
+      155, 240, 48, 219, 57, 228, 34, 96, 74, 83, 88, 121, 51, 80,
+    ]),
+    nullifier: Uint8Array.from([
+      44, 116, 31, 3, 169, 97, 76, 54, 140, 193, 45, 41, 20, 150, 159, 211, 217,
+      159, 96, 126, 119, 11, 169, 83, 164, 99, 113, 17, 207, 10, 194, 233,
+    ]),
+  },
+  {
+    address:
+      "1a2b3c4d5e6f7g8h9i0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G",
+
+    note: Uint8Array.from([
+      113, 193, 86, 93, 119, 91, 169, 157, 129, 50, 253, 131, 223, 170, 34, 114,
+      212, 36, 102, 231, 86, 162, 38, 84, 14, 235, 97, 201, 38, 210, 95, 124,
+      243, 215, 10, 91, 190, 214, 8, 21, 124, 5, 248, 193, 213, 117, 21, 199,
+      132, 201, 63, 44, 212, 129, 17, 86, 99, 214, 50, 54, 10, 171, 247, 96,
+      191, 251, 252, 33, 8, 205, 97, 15, 39, 166, 166, 205, 218, 204, 54, 53,
+      162, 162, 210, 221, 222, 179, 229, 55, 13, 15, 115, 86, 42, 214, 215, 205,
+      13, 67, 177, 91, 47, 232, 149, 42, 156, 117, 237, 105, 134, 5, 87, 180,
+      87, 99, 87, 183, 152, 69, 210, 83, 185, 17, 178, 39, 11, 132, 99, 21, 8,
+      228, 29, 105, 151, 76, 182, 49, 6, 129, 101, 53, 135, 4, 128, 200, 243,
+      66, 10, 0, 53, 21, 208, 63, 149, 144, 76, 66, 93, 232, 40, 26, 132, 203,
+      30, 6, 74, 103, 4, 181, 77, 203, 255, 126, 178, 159, 74, 70, 32, 247, 192,
+      28, 196, 251, 200, 225, 78, 235, 66, 221, 208, 214, 180, 193, 139, 168,
+      175, 161, 133, 214, 242, 184, 218, 229, 38, 89, 164, 246, 204, 219, 178,
+      202, 112, 60, 40, 152, 98, 50, 209, 90, 212, 218, 75, 76, 53, 161, 15,
+      184, 189, 73, 103, 15, 181, 243, 255, 88, 147, 24, 216, 114, 31, 148, 35,
+      130, 60, 113, 40, 158, 7, 116, 51, 230, 60, 195, 204, 174, 100, 180, 70,
+      4, 164, 38, 177, 159, 229, 246, 141, 18, 114, 14, 140, 150, 164, 74, 162,
+      115, 188, 250, 88, 197, 81, 90, 34, 96, 111, 173, 131, 82, 9, 167, 163,
+      33, 59, 159, 198, 70, 133, 222, 118, 27, 58, 112, 155, 9, 74, 34, 54, 62,
+      218, 193, 30, 179, 33, 254, 94, 220, 88, 28, 129, 247, 240, 54, 59, 133,
+      218, 117, 143, 238, 13, 194, 217, 23, 65, 132, 119, 245, 62, 235, 117,
+      160, 100, 178, 5, 60, 49, 74, 135, 196, 138, 174, 227, 96, 62, 171, 68,
+      90, 231, 187, 68, 46, 178, 206, 80, 3, 8, 176, 228, 39, 200, 241, 14, 4,
+      38, 125, 143, 127, 40, 38, 25, 5, 56, 48, 162, 164, 117, 196, 112, 203,
+      18, 116, 178, 190, 185, 48, 101, 204, 180, 29, 138, 246, 69, 198, 44, 24,
+      42, 251, 27, 81, 70, 171, 171, 161, 182, 63, 7, 154, 149, 39, 216, 88,
+      246, 89, 11, 241, 104, 149, 45, 1, 155, 228, 127, 96, 21, 0, 192, 202,
+      154, 104, 153, 37, 205, 70, 21, 95, 192, 101, 218, 184, 121, 127, 140, 84,
+      181, 176, 44, 102, 119, 186, 160, 222, 64, 236, 117, 3, 216, 118, 57, 77,
+      15, 61, 100, 234, 92, 100, 91, 138, 255, 173, 146, 96, 80, 34, 37, 53,
+      169, 67, 171, 129, 252, 17, 60, 214, 177, 121, 12, 143, 97, 94, 124, 48,
+      6, 223, 2, 51, 39, 131, 22, 86, 96, 11, 135, 116, 181, 244, 96, 80, 77, 3,
+      192, 28, 45, 17, 161, 105, 91, 70, 73, 215, 83, 132, 218, 122, 192, 14,
+      35, 41, 233, 224, 187, 12, 76, 208, 129, 6, 207, 226, 38, 29, 45, 124, 8,
+      176, 223, 141, 162, 210, 140, 76, 108, 75, 180, 207, 38, 0, 112, 176, 160,
+      17, 153, 162, 27, 128, 174, 203, 47, 189, 93, 206, 118, 237, 87, 176, 142,
+      123, 99, 92, 169, 32, 112, 136, 51, 1, 146, 194, 194, 215, 238, 179, 76,
+      76, 64, 30, 240, 216, 3, 189, 6, 22, 166, 172, 239, 212, 127, 160, 236,
+      46, 224, 214, 170, 107, 239, 158, 208, 230, 114, 37, 188, 128, 194, 226,
+      7, 147, 197, 53, 155, 10, 29, 175, 109, 52, 101, 124, 253, 106, 246, 41,
+      75, 8, 58, 230, 19, 38, 211, 216, 190, 70, 177, 12, 193, 179, 65, 30, 181,
+      159, 88, 121, 73, 146, 216, 112, 26, 131, 17, 101, 226, 24, 41, 68, 19,
+      58, 188, 159, 227, 255, 34, 221, 221, 127, 20, 216, 170, 124, 254, 62,
+      183, 22, 160, 172, 135, 155, 152, 194, 178, 254, 75, 243, 236, 146, 79,
+      33, 74, 249, 144, 236, 55, 75, 4, 20, 186, 60, 71, 25, 242, 111, 35, 144,
+      247, 75, 244, 5, 228, 147, 247, 209, 126, 140, 190, 146,
+    ]),
+    nullifier: Uint8Array.from([
+      88, 118, 1, 141, 33, 29, 55, 237, 136, 107, 252, 37, 12, 147, 16, 203,
+      245, 45, 126, 58, 3, 21, 201, 188, 99, 213, 188, 73, 98, 135, 205, 54,
+    ]),
+  },
+];
diff --git a/src/lib/mock-data/cache-stake-info.js b/src/lib/mock-data/cache-stake-info.js
new file mode 100644
index 00000000..af977339
--- /dev/null
+++ b/src/lib/mock-data/cache-stake-info.js
@@ -0,0 +1,16 @@
+export default [
+  {
+    account: "",
+    stakeInfo: {
+      amount: {
+        eligibility: 0n,
+        locked: 0n,
+        total: 1000000000000n,
+        value: 1000000000000n,
+      },
+      faults: 0,
+      hardFaults: 0,
+      reward: 11022842680864n,
+    },
+  },
+];
diff --git a/src/lib/mock-data/cache-sync-info.js b/src/lib/mock-data/cache-sync-info.js
new file mode 100644
index 00000000..3ba1e463
--- /dev/null
+++ b/src/lib/mock-data/cache-sync-info.js
@@ -0,0 +1,11 @@
+/** @type {WalletCacheSyncInfo[]} */
+export default [
+  {
+    block: {
+      hash: "0c23c8e3a6532f8b3d1f409e156123d793e17f4377544a1c3bfd12c0be30cd6f",
+      height: 12486n,
+    },
+    bookmark: 35n,
+    lastFinalizedBlockHeight: 10435n,
+  },
+];
diff --git a/src/lib/mock-data/cache-unspent-notes.js b/src/lib/mock-data/cache-unspent-notes.js
new file mode 100644
index 00000000..6f2a8f3d
--- /dev/null
+++ b/src/lib/mock-data/cache-unspent-notes.js
@@ -0,0 +1,578 @@
+/** @type {WalletCacheNote[]} */
+export default [
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      183, 22, 63, 44, 182, 189, 160, 233, 161, 219, 76, 92, 42, 140, 104, 102,
+      245, 225, 215, 137, 85, 11, 200, 14, 27, 185, 141, 125, 225, 150, 240, 66,
+      251, 85, 249, 66, 15, 79, 13, 9, 227, 45, 223, 118, 254, 175, 88, 182,
+      162, 202, 55, 245, 145, 241, 166, 55, 224, 93, 145, 54, 188, 44, 78, 251,
+      250, 121, 236, 112, 74, 182, 231, 184, 65, 66, 40, 9, 24, 62, 143, 244,
+      204, 138, 181, 41, 28, 82, 201, 16, 126, 144, 97, 210, 89, 57, 17, 78,
+      115, 41, 148, 115, 156, 176, 164, 175, 224, 122, 189, 201, 104, 249, 118,
+      119, 159, 52, 118, 208, 228, 89, 82, 15, 25, 44, 54, 213, 173, 211, 233,
+      8, 13, 100, 213, 93, 39, 219, 109, 128, 22, 60, 195, 78, 70, 159, 184, 35,
+      109, 249, 192, 141, 224, 22, 130, 94, 196, 202, 30, 117, 161, 209, 230,
+      169, 238, 21, 7, 64, 167, 197, 30, 180, 247, 102, 60, 180, 36, 176, 203,
+      39, 115, 4, 111, 252, 136, 25, 116, 193, 19, 109, 220, 45, 161, 157, 241,
+      66, 174, 157, 34, 54, 66, 208, 87, 129, 230, 207, 12, 253, 83, 35, 237,
+      212, 134, 53, 252, 23, 150, 29, 17, 198, 153, 83, 135, 115, 68, 107, 5,
+      179, 219, 126, 177, 4, 13, 101, 215, 163, 78, 143, 95, 88, 88, 157, 56,
+      162, 202, 34, 248, 127, 237, 241, 175, 43, 202, 213, 202, 192, 202, 100,
+      43, 117, 184, 68, 194, 192, 209, 14, 199, 25, 49, 79, 3, 83, 157, 182,
+      200, 101, 151, 159, 253, 102, 241, 54, 151, 41, 6, 103, 181, 10, 115, 204,
+      169, 190, 84, 26, 127, 180, 102, 19, 23, 32, 64, 152, 173, 31, 81, 181,
+      19, 210, 65, 222, 242, 240, 159, 246, 217, 127, 137, 148, 140, 21, 2, 85,
+      94, 174, 242, 220, 54, 123, 168, 188, 196, 154, 218, 23, 144, 150, 197,
+      146, 251, 233, 152, 12, 95, 231, 15, 117, 203, 72, 167, 173, 108, 0, 110,
+      187, 208, 114, 143, 89, 154, 171, 245, 199, 182, 26, 66, 57, 67, 215, 229,
+      221, 132, 4, 140, 188, 27, 24, 22, 106, 68, 184, 85, 200, 108, 221, 203,
+      178, 49, 40, 24, 142, 15, 20, 19, 86, 161, 178, 143, 1, 29, 125, 152, 152,
+      148, 85, 130, 234, 47, 137, 132, 156, 157, 209, 24, 21, 15, 238, 122, 239,
+      225, 82, 108, 175, 107, 22, 38, 192, 88, 125, 34, 211, 181, 224, 103, 221,
+      175, 38, 204, 163, 155, 94, 245, 128, 162, 77, 195, 118, 156, 206, 18,
+      111, 170, 72, 143, 255, 177, 105, 149, 121, 145, 247, 109, 174, 233, 220,
+      7, 62, 128, 143, 34, 35, 22, 138, 93, 37, 214, 84, 204, 14, 78, 95, 43,
+      166, 165, 190, 239, 247, 85, 237, 5, 62, 101, 229, 39, 202, 230, 86, 141,
+      112, 213, 11, 66, 118, 233, 2, 53, 151, 153, 37, 253, 75, 109, 37, 81, 48,
+      115, 240, 143, 173, 170, 190, 151, 129, 230, 251, 190, 129, 187, 69, 163,
+      75, 97, 18, 192, 230, 112, 193, 83, 227, 107, 229, 125, 164, 221, 244, 81,
+      252, 248, 212, 138, 215, 154, 175, 93, 186, 89, 109, 169, 182, 149, 159,
+      117, 74, 212, 70, 140, 67, 96, 227, 254, 157, 224, 208, 173, 226, 146,
+      160, 115, 31, 107, 78, 240, 132, 98, 130, 160, 103, 102, 183, 104, 107,
+      181, 23, 107, 103, 252, 167, 12, 152, 120, 197, 174, 115, 48, 71, 131, 47,
+      14, 170, 68, 206, 75, 90, 36, 255, 14, 127, 13, 143, 170, 50, 155, 139,
+      140, 130, 10, 238, 246, 213, 136, 216, 240, 151, 171, 35, 94, 86, 231,
+      229, 143, 133, 12, 57, 51, 55, 56, 178, 140, 13, 23, 233, 215, 181, 223,
+      164, 163, 193, 82, 12, 104, 115, 168, 194, 10, 171, 229, 173, 72, 69, 218,
+      241, 221, 79, 71, 152, 147, 237, 96, 111, 137, 68, 96, 7, 167, 213, 164,
+      150, 195, 186, 134, 115, 38, 0, 3, 115, 157, 139, 230, 171, 192, 76, 7,
+      82, 219, 33, 185, 23, 129, 233, 246, 235, 183, 31, 27, 47, 240, 115, 2,
+      48, 208, 133, 170, 128, 156, 19, 136, 253, 241, 114, 147, 46, 147, 161, 9,
+      228, 137, 128, 141, 128, 28, 122,
+    ]),
+    nullifier: Uint8Array.from([
+      23, 129, 232, 214, 132, 121, 41, 9, 130, 42, 54, 133, 147, 37, 146, 233,
+      76, 186, 103, 197, 89, 247, 180, 132, 133, 142, 205, 141, 147, 187, 53,
+      98,
+    ]),
+  },
+  {
+    address:
+      "B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g",
+
+    note: Uint8Array.from([
+      223, 6, 234, 206, 152, 43, 193, 128, 253, 201, 216, 38, 210, 114, 110,
+      224, 5, 221, 62, 245, 88, 18, 100, 220, 124, 137, 76, 13, 246, 97, 19, 20,
+      132, 92, 67, 184, 1, 138, 240, 102, 125, 64, 156, 149, 172, 167, 201, 8,
+      13, 191, 167, 110, 108, 29, 11, 144, 192, 158, 212, 222, 152, 218, 96,
+      181, 209, 92, 133, 184, 63, 8, 214, 254, 254, 223, 139, 217, 243, 2, 79,
+      238, 93, 132, 37, 198, 197, 92, 119, 148, 121, 253, 125, 51, 248, 129,
+      175, 125, 102, 58, 48, 120, 181, 63, 185, 217, 243, 121, 117, 209, 170,
+      115, 239, 3, 51, 42, 241, 96, 39, 248, 243, 163, 114, 80, 108, 212, 77,
+      224, 134, 42, 1, 47, 47, 155, 231, 248, 179, 225, 123, 157, 37, 187, 237,
+      46, 11, 36, 118, 13, 253, 62, 167, 109, 229, 15, 47, 194, 86, 88, 253,
+      150, 5, 143, 191, 36, 217, 250, 179, 37, 10, 182, 26, 59, 140, 248, 109,
+      21, 42, 109, 114, 115, 100, 139, 86, 178, 20, 159, 25, 215, 37, 197, 204,
+      254, 143, 10, 211, 142, 58, 226, 106, 175, 37, 120, 35, 128, 60, 142, 193,
+      118, 86, 220, 207, 145, 84, 83, 79, 163, 54, 28, 20, 179, 228, 74, 191,
+      44, 196, 95, 216, 190, 243, 83, 162, 108, 37, 31, 211, 120, 7, 26, 17, 94,
+      136, 53, 196, 116, 233, 16, 82, 35, 32, 131, 202, 34, 206, 23, 84, 177,
+      140, 11, 208, 87, 204, 113, 216, 164, 146, 26, 229, 248, 11, 12, 38, 38,
+      211, 124, 89, 171, 225, 190, 205, 184, 62, 153, 251, 179, 109, 0, 231, 76,
+      86, 143, 102, 103, 93, 33, 144, 208, 155, 220, 144, 89, 88, 169, 142, 213,
+      243, 64, 239, 219, 56, 63, 225, 12, 181, 242, 176, 121, 5, 97, 110, 101,
+      153, 171, 108, 242, 246, 222, 152, 210, 121, 159, 150, 114, 30, 3, 44,
+      229, 220, 221, 169, 222, 33, 188, 14, 168, 203, 83, 66, 172, 62, 34, 165,
+      95, 252, 123, 126, 185, 18, 132, 82, 180, 242, 131, 209, 34, 146, 146, 90,
+      82, 85, 8, 21, 160, 123, 66, 188, 234, 149, 194, 62, 65, 36, 233, 109,
+      225, 112, 140, 90, 51, 232, 55, 150, 135, 124, 122, 230, 189, 146, 196,
+      252, 218, 222, 97, 146, 63, 79, 131, 161, 45, 226, 78, 0, 70, 133, 213,
+      88, 234, 102, 79, 216, 140, 52, 90, 193, 240, 241, 134, 226, 229, 4, 215,
+      19, 68, 186, 104, 238, 96, 162, 91, 89, 33, 148, 64, 109, 18, 223, 166,
+      100, 170, 19, 30, 150, 254, 133, 94, 71, 228, 146, 214, 71, 227, 190, 219,
+      96, 218, 54, 117, 47, 152, 146, 143, 54, 198, 144, 42, 143, 220, 118, 115,
+      140, 49, 122, 168, 23, 23, 36, 124, 63, 160, 165, 97, 36, 132, 239, 105,
+      147, 76, 143, 184, 74, 252, 152, 205, 166, 24, 114, 199, 83, 55, 133, 153,
+      127, 181, 212, 228, 51, 156, 73, 82, 203, 173, 11, 252, 66, 192, 74, 10,
+      182, 10, 106, 242, 113, 200, 7, 128, 6, 47, 153, 69, 165, 168, 19, 49, 65,
+      253, 60, 137, 163, 94, 169, 167, 254, 239, 137, 235, 210, 243, 35, 242,
+      183, 0, 14, 15, 235, 226, 138, 68, 80, 220, 8, 122, 206, 178, 66, 83, 56,
+      171, 106, 110, 154, 8, 93, 169, 78, 54, 38, 227, 91, 96, 77, 128, 160, 16,
+      207, 115, 215, 186, 110, 7, 185, 59, 111, 132, 48, 215, 73, 254, 146, 57,
+      168, 12, 180, 148, 163, 43, 29, 71, 204, 39, 192, 80, 56, 146, 62, 107,
+      123, 29, 178, 58, 218, 175, 57, 94, 248, 229, 118, 74, 113, 132, 241, 192,
+      210, 164, 46, 23, 103, 19, 179, 22, 72, 231, 26, 64, 112, 109, 14, 40, 96,
+      169, 181, 7, 236, 215, 106, 98, 140, 104, 29, 238, 78, 67, 117, 45, 99,
+      103, 22, 191, 1, 24, 206, 157, 124, 255, 123, 55, 108, 151, 243, 121, 180,
+      209, 207, 235, 16, 34, 200, 210, 117, 128, 18, 36, 177, 52, 131, 221, 242,
+      182, 186, 12, 139, 224, 212, 250, 89, 105, 112, 147, 94, 3, 22, 150, 46,
+      143, 95, 214, 74, 60, 92, 222, 206, 252, 227, 37, 170, 237, 119, 22, 199,
+      157,
+    ]),
+    nullifier: Uint8Array.from([
+      188, 231, 60, 193, 204, 49, 191, 55, 65, 22, 119, 124, 97, 72, 140, 198,
+      238, 92, 59, 75, 0, 182, 117, 136, 180, 139, 182, 235, 249, 10, 210, 228,
+    ]),
+  },
+  {
+    address:
+      "1a2b3c4d5e6f7g8h9i0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G",
+
+    note: Uint8Array.from([
+      35, 45, 169, 106, 106, 109, 145, 158, 34, 74, 88, 161, 57, 187, 68, 189,
+      5, 49, 237, 29, 228, 68, 201, 160, 244, 84, 199, 135, 41, 110, 215, 43,
+      169, 121, 213, 152, 243, 197, 228, 31, 34, 253, 172, 13, 178, 178, 56,
+      237, 163, 163, 212, 149, 172, 182, 210, 233, 27, 41, 225, 247, 131, 92,
+      58, 114, 128, 229, 105, 92, 138, 105, 252, 123, 113, 198, 10, 11, 223,
+      162, 0, 120, 229, 62, 21, 55, 86, 117, 35, 210, 182, 71, 214, 201, 50, 32,
+      237, 65, 34, 110, 194, 126, 35, 138, 238, 49, 196, 223, 31, 19, 52, 62,
+      194, 192, 159, 208, 121, 254, 207, 44, 11, 113, 113, 229, 132, 114, 208,
+      157, 227, 23, 249, 16, 180, 211, 150, 219, 5, 253, 10, 52, 224, 206, 237,
+      59, 117, 20, 31, 68, 8, 44, 158, 247, 232, 219, 159, 245, 222, 221, 34,
+      170, 12, 15, 97, 87, 206, 122, 109, 145, 200, 132, 183, 221, 226, 227, 99,
+      139, 185, 90, 54, 49, 25, 131, 168, 84, 206, 57, 51, 131, 110, 70, 7, 106,
+      64, 118, 8, 146, 32, 40, 159, 24, 243, 198, 156, 144, 27, 160, 57, 221,
+      208, 108, 74, 29, 240, 244, 145, 157, 166, 110, 37, 103, 101, 130, 232,
+      31, 242, 120, 192, 52, 246, 185, 78, 168, 177, 244, 99, 66, 11, 40, 10,
+      245, 186, 25, 79, 254, 173, 116, 76, 87, 198, 76, 61, 5, 223, 118, 246,
+      111, 34, 206, 79, 239, 131, 39, 182, 129, 62, 76, 65, 110, 60, 222, 170,
+      30, 4, 206, 36, 189, 67, 116, 83, 99, 90, 25, 154, 82, 1, 87, 198, 138,
+      210, 14, 217, 94, 84, 251, 38, 120, 117, 228, 153, 148, 57, 132, 215, 163,
+      183, 26, 155, 181, 200, 194, 41, 69, 166, 121, 89, 224, 185, 41, 220, 112,
+      184, 115, 232, 80, 3, 96, 233, 12, 147, 183, 148, 127, 220, 185, 244, 132,
+      76, 176, 79, 107, 106, 25, 114, 113, 15, 236, 100, 112, 182, 51, 37, 134,
+      19, 243, 154, 80, 216, 209, 148, 26, 139, 212, 48, 3, 28, 123, 117, 174,
+      243, 40, 57, 227, 82, 92, 2, 57, 232, 44, 130, 167, 4, 8, 30, 11, 33, 231,
+      44, 127, 67, 29, 42, 130, 87, 65, 60, 244, 13, 73, 214, 210, 142, 31, 213,
+      195, 219, 74, 148, 141, 136, 181, 52, 177, 241, 82, 80, 115, 12, 230, 17,
+      241, 221, 106, 131, 16, 44, 149, 227, 9, 7, 246, 187, 206, 190, 198, 141,
+      158, 12, 66, 242, 79, 121, 182, 105, 183, 50, 224, 106, 191, 83, 99, 123,
+      216, 116, 125, 5, 220, 127, 102, 244, 254, 210, 176, 88, 255, 54, 241,
+      214, 13, 101, 141, 176, 210, 215, 7, 195, 77, 127, 2, 139, 161, 179, 45,
+      98, 255, 141, 210, 255, 191, 230, 90, 110, 151, 10, 192, 25, 208, 19, 134,
+      46, 147, 37, 218, 38, 170, 109, 154, 24, 116, 29, 98, 224, 155, 72, 49,
+      162, 101, 109, 21, 201, 249, 89, 154, 195, 22, 62, 155, 50, 201, 217, 1,
+      34, 64, 171, 125, 223, 99, 72, 238, 13, 203, 80, 247, 1, 23, 151, 250,
+      137, 2, 39, 132, 1, 62, 254, 215, 72, 148, 27, 19, 224, 62, 34, 68, 209,
+      109, 106, 33, 199, 63, 113, 171, 174, 199, 96, 241, 239, 22, 172, 44, 249,
+      195, 195, 108, 32, 21, 55, 91, 41, 167, 40, 129, 217, 144, 177, 180, 241,
+      59, 47, 198, 198, 128, 76, 150, 229, 51, 179, 4, 37, 118, 179, 250, 191,
+      118, 16, 190, 165, 97, 239, 59, 149, 68, 27, 194, 50, 37, 30, 14, 126, 49,
+      80, 179, 32, 255, 166, 172, 198, 83, 238, 231, 131, 124, 141, 245, 210,
+      34, 224, 250, 250, 208, 200, 59, 200, 135, 136, 46, 221, 52, 173, 247,
+      245, 244, 10, 81, 11, 130, 24, 159, 211, 238, 218, 74, 30, 98, 225, 53,
+      136, 223, 45, 71, 23, 27, 14, 204, 172, 40, 97, 82, 170, 186, 30, 47, 14,
+      136, 0, 90, 242, 6, 53, 163, 64, 8, 26, 35, 37, 133, 99, 201, 134, 24,
+      154, 216, 201, 165, 158, 78, 176, 82, 21, 206, 66, 128, 115, 85, 101, 216,
+      76, 68, 80, 100, 54, 250, 254, 204, 202, 90, 244, 136, 20, 187,
+    ]),
+    nullifier: Uint8Array.from([
+      241, 212, 108, 169, 135, 27, 69, 179, 57, 13, 17, 172, 230, 13, 228, 163,
+      72, 57, 224, 80, 231, 37, 166, 224, 52, 236, 176, 164, 218, 228, 189, 254,
+    ]),
+  },
+  {
+    address:
+      "B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g",
+
+    note: Uint8Array.from([
+      26, 196, 119, 78, 250, 95, 60, 105, 30, 1, 190, 14, 140, 10, 18, 174, 21,
+      225, 79, 174, 126, 49, 28, 49, 101, 119, 166, 108, 81, 239, 173, 130, 149,
+      122, 46, 119, 234, 40, 78, 89, 235, 93, 37, 96, 1, 246, 114, 134, 69, 222,
+      150, 67, 96, 246, 88, 45, 65, 163, 7, 70, 254, 251, 237, 33, 190, 186, 42,
+      106, 253, 114, 222, 3, 168, 247, 150, 92, 141, 144, 28, 194, 244, 93, 167,
+      182, 18, 50, 222, 161, 172, 224, 144, 231, 218, 215, 49, 213, 126, 217,
+      91, 14, 196, 66, 46, 41, 238, 66, 81, 49, 41, 203, 80, 71, 103, 98, 213,
+      137, 145, 139, 211, 119, 10, 214, 46, 132, 168, 151, 105, 207, 26, 35, 68,
+      61, 170, 190, 130, 99, 179, 213, 232, 55, 50, 118, 240, 105, 58, 227, 229,
+      217, 238, 104, 184, 71, 56, 100, 176, 47, 24, 196, 133, 97, 212, 238, 242,
+      105, 23, 167, 183, 36, 199, 32, 177, 171, 180, 51, 233, 98, 58, 142, 92,
+      144, 53, 217, 210, 136, 130, 93, 93, 116, 118, 123, 204, 130, 143, 149,
+      101, 216, 163, 98, 109, 35, 134, 129, 15, 50, 249, 6, 61, 245, 228, 215,
+      36, 214, 223, 249, 55, 77, 244, 95, 150, 214, 47, 153, 34, 207, 22, 217,
+      206, 87, 227, 2, 245, 96, 111, 72, 253, 201, 91, 189, 208, 124, 243, 176,
+      244, 138, 253, 64, 102, 118, 233, 39, 16, 58, 194, 130, 47, 200, 138, 242,
+      139, 151, 22, 172, 137, 178, 14, 4, 95, 29, 56, 122, 205, 152, 219, 25,
+      222, 217, 95, 182, 143, 31, 217, 248, 87, 239, 135, 200, 77, 244, 38, 194,
+      214, 84, 10, 172, 12, 152, 8, 83, 201, 145, 154, 145, 95, 38, 147, 31,
+      209, 215, 173, 136, 59, 145, 141, 168, 98, 105, 0, 99, 57, 240, 194, 232,
+      228, 106, 66, 211, 254, 6, 228, 123, 65, 235, 84, 124, 53, 217, 199, 235,
+      93, 10, 21, 228, 180, 113, 162, 99, 192, 185, 88, 221, 215, 15, 59, 216,
+      221, 53, 54, 199, 236, 249, 236, 171, 50, 128, 147, 121, 189, 151, 188,
+      100, 244, 232, 175, 236, 155, 136, 5, 38, 228, 135, 12, 200, 231, 220,
+      116, 63, 30, 221, 175, 240, 224, 108, 27, 76, 179, 152, 247, 18, 206, 212,
+      75, 106, 64, 43, 160, 54, 2, 2, 125, 50, 21, 214, 92, 43, 81, 152, 167,
+      94, 217, 67, 54, 51, 87, 195, 207, 249, 192, 118, 9, 26, 26, 35, 157, 223,
+      19, 193, 70, 30, 133, 200, 216, 12, 89, 65, 228, 10, 132, 235, 78, 204, 0,
+      191, 62, 57, 154, 75, 160, 160, 5, 225, 126, 106, 151, 95, 22, 66, 168,
+      193, 146, 146, 193, 228, 195, 15, 120, 10, 187, 82, 243, 10, 254, 21, 130,
+      203, 209, 96, 246, 119, 201, 98, 226, 80, 190, 116, 114, 204, 171, 160,
+      149, 120, 8, 203, 217, 172, 30, 87, 158, 15, 255, 28, 251, 142, 97, 242,
+      128, 27, 108, 150, 35, 148, 92, 26, 116, 124, 118, 173, 7, 93, 219, 216,
+      42, 209, 62, 196, 39, 232, 150, 220, 135, 236, 138, 36, 25, 233, 38, 70,
+      80, 164, 142, 196, 224, 19, 32, 128, 97, 26, 17, 118, 22, 24, 12, 173,
+      229, 195, 107, 130, 93, 72, 186, 238, 86, 80, 32, 49, 173, 209, 72, 165,
+      122, 17, 8, 213, 24, 64, 184, 221, 187, 183, 121, 131, 255, 129, 216, 103,
+      191, 126, 127, 29, 24, 103, 33, 244, 47, 13, 152, 199, 118, 223, 59, 214,
+      194, 211, 210, 9, 252, 28, 27, 108, 138, 83, 175, 232, 255, 233, 42, 22,
+      248, 69, 228, 61, 26, 219, 26, 255, 216, 82, 110, 131, 152, 210, 41, 68,
+      241, 66, 103, 148, 218, 88, 28, 167, 98, 81, 26, 29, 110, 235, 232, 207,
+      174, 18, 209, 77, 254, 110, 200, 190, 118, 246, 155, 4, 135, 252, 89, 45,
+      161, 165, 182, 239, 163, 91, 189, 140, 233, 59, 169, 174, 61, 232, 57,
+      147, 23, 53, 202, 32, 212, 58, 165, 48, 164, 45, 99, 119, 251, 142, 184,
+      244, 93, 167, 135, 148, 78, 200, 235, 98, 111, 146, 38, 249, 78, 250, 58,
+      78, 172, 128, 186, 112, 175, 50, 219, 237, 254, 41, 39, 123, 176, 70,
+    ]),
+    nullifier: Uint8Array.from([
+      202, 183, 189, 57, 192, 31, 34, 227, 42, 148, 99, 192, 113, 221, 236, 211,
+      87, 56, 127, 7, 185, 225, 160, 74, 48, 55, 0, 138, 128, 161, 207, 49,
+    ]),
+  },
+  {
+    address:
+      "1a2b3c4d5e6f7g8h9i0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G",
+
+    note: Uint8Array.from([
+      90, 128, 36, 227, 15, 216, 92, 101, 159, 218, 105, 26, 248, 165, 191, 59,
+      68, 110, 201, 175, 75, 19, 139, 18, 213, 128, 208, 8, 83, 232, 37, 181,
+      65, 114, 58, 205, 203, 196, 63, 235, 155, 74, 132, 159, 65, 223, 116, 131,
+      51, 172, 236, 61, 195, 235, 248, 201, 88, 244, 70, 175, 52, 73, 84, 135,
+      144, 201, 19, 238, 155, 61, 22, 165, 170, 58, 99, 4, 24, 51, 50, 51, 222,
+      251, 80, 27, 126, 166, 29, 3, 196, 105, 158, 36, 188, 141, 14, 199, 67,
+      51, 12, 191, 151, 204, 142, 222, 212, 160, 125, 185, 116, 2, 255, 37, 30,
+      67, 118, 206, 25, 149, 103, 105, 21, 115, 22, 206, 132, 197, 138, 53, 153,
+      180, 14, 171, 37, 61, 189, 221, 155, 145, 229, 54, 207, 254, 13, 128, 29,
+      3, 247, 120, 159, 201, 1, 248, 225, 6, 214, 26, 30, 24, 107, 96, 153, 0,
+      170, 36, 229, 48, 168, 27, 2, 55, 239, 191, 128, 7, 55, 203, 134, 44, 104,
+      142, 16, 61, 70, 226, 197, 101, 56, 195, 64, 167, 189, 241, 163, 218, 194,
+      232, 152, 163, 177, 31, 17, 223, 221, 44, 40, 193, 131, 13, 174, 179, 5,
+      163, 130, 90, 53, 155, 90, 25, 204, 149, 111, 138, 77, 142, 92, 70, 84,
+      38, 197, 107, 61, 119, 146, 144, 18, 149, 37, 205, 126, 103, 237, 172,
+      109, 121, 35, 126, 180, 242, 217, 221, 33, 73, 124, 24, 203, 75, 150, 198,
+      69, 23, 236, 193, 78, 71, 6, 49, 152, 16, 94, 99, 169, 28, 210, 38, 191,
+      179, 57, 114, 38, 235, 92, 159, 137, 168, 252, 43, 137, 136, 176, 251,
+      241, 247, 79, 21, 33, 251, 150, 79, 152, 176, 201, 249, 147, 104, 72, 6,
+      100, 107, 94, 240, 236, 74, 189, 55, 55, 172, 49, 68, 126, 157, 76, 177,
+      54, 252, 59, 41, 127, 206, 67, 46, 225, 50, 114, 231, 46, 2, 87, 158, 1,
+      239, 245, 181, 253, 70, 172, 77, 252, 149, 180, 165, 205, 130, 78, 201,
+      93, 103, 124, 229, 50, 255, 53, 93, 217, 35, 106, 82, 68, 62, 217, 158,
+      251, 67, 85, 224, 117, 135, 172, 231, 109, 113, 36, 140, 50, 91, 166, 246,
+      239, 187, 202, 138, 85, 189, 214, 12, 180, 177, 236, 190, 187, 101, 145,
+      226, 77, 69, 155, 94, 15, 83, 155, 77, 55, 208, 120, 6, 177, 33, 93, 59,
+      134, 246, 32, 189, 140, 27, 64, 154, 27, 183, 125, 136, 255, 165, 117,
+      209, 12, 20, 241, 147, 110, 193, 229, 214, 58, 113, 148, 60, 13, 140, 163,
+      243, 219, 157, 84, 1, 130, 59, 153, 242, 158, 19, 117, 191, 223, 107, 44,
+      120, 38, 104, 206, 136, 239, 227, 26, 17, 237, 248, 71, 182, 105, 152,
+      186, 100, 209, 77, 49, 100, 117, 104, 50, 86, 102, 182, 218, 243, 236,
+      157, 250, 40, 9, 42, 107, 89, 39, 125, 133, 235, 34, 219, 228, 252, 58,
+      153, 130, 125, 119, 215, 67, 170, 85, 103, 5, 14, 209, 70, 175, 92, 15,
+      146, 79, 59, 63, 78, 187, 113, 207, 214, 137, 59, 70, 155, 206, 206, 215,
+      249, 162, 64, 141, 70, 140, 198, 189, 173, 25, 200, 157, 28, 48, 130, 91,
+      96, 218, 8, 81, 166, 186, 125, 182, 80, 0, 119, 96, 57, 172, 198, 50, 143,
+      13, 145, 127, 195, 39, 6, 67, 13, 211, 96, 9, 18, 187, 203, 163, 100, 171,
+      90, 59, 133, 254, 164, 224, 24, 66, 86, 188, 206, 162, 8, 169, 80, 179,
+      210, 10, 193, 53, 139, 57, 10, 73, 245, 198, 63, 117, 143, 86, 143, 67,
+      198, 225, 75, 176, 104, 28, 86, 239, 45, 57, 31, 239, 50, 133, 160, 104,
+      17, 135, 49, 40, 50, 115, 12, 252, 132, 109, 192, 3, 27, 169, 29, 63, 214,
+      203, 84, 252, 253, 64, 137, 135, 5, 90, 17, 194, 142, 249, 199, 56, 192,
+      53, 4, 164, 37, 190, 199, 164, 209, 130, 85, 58, 74, 196, 156, 155, 218,
+      148, 124, 200, 15, 188, 132, 193, 143, 124, 93, 48, 88, 56, 222, 228, 120,
+      141, 215, 19, 96, 195, 57, 161, 11, 103, 49, 112, 217, 25, 101, 207, 255,
+      137, 152, 226, 183, 151, 150, 46, 49, 71, 80, 179, 57, 161, 102,
+    ]),
+    nullifier: Uint8Array.from([
+      90, 206, 164, 251, 223, 185, 213, 67, 253, 217, 249, 241, 120, 255, 105,
+      64, 110, 71, 47, 157, 193, 140, 35, 133, 69, 67, 228, 34, 223, 125, 236,
+      46,
+    ]),
+  },
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      222, 81, 128, 61, 246, 120, 153, 158, 7, 103, 36, 181, 176, 160, 109, 168,
+      56, 247, 75, 81, 141, 167, 188, 200, 153, 26, 48, 219, 68, 91, 102, 216,
+      39, 38, 19, 35, 112, 130, 204, 48, 60, 81, 230, 114, 225, 205, 59, 212,
+      74, 137, 81, 51, 114, 120, 235, 53, 86, 108, 236, 173, 23, 135, 183, 233,
+      190, 7, 119, 181, 124, 220, 147, 48, 0, 13, 66, 38, 82, 224, 161, 122,
+      222, 116, 229, 169, 98, 168, 184, 115, 179, 227, 98, 225, 116, 210, 73,
+      120, 112, 135, 33, 126, 34, 58, 153, 183, 75, 195, 19, 27, 77, 8, 61, 221,
+      161, 197, 126, 42, 87, 148, 171, 128, 174, 141, 60, 117, 18, 182, 245, 96,
+      139, 208, 253, 134, 102, 231, 46, 235, 66, 210, 79, 135, 171, 137, 154,
+      99, 104, 230, 162, 164, 195, 93, 235, 247, 21, 2, 243, 26, 47, 165, 160,
+      242, 157, 107, 31, 28, 172, 150, 49, 105, 73, 193, 9, 75, 49, 171, 96, 84,
+      196, 140, 128, 75, 229, 215, 31, 221, 140, 123, 171, 29, 167, 154, 9, 83,
+      95, 172, 57, 143, 198, 187, 245, 129, 104, 224, 24, 166, 229, 228, 177,
+      152, 18, 77, 127, 228, 49, 5, 135, 91, 78, 73, 177, 0, 78, 102, 6, 141,
+      127, 26, 213, 234, 109, 254, 131, 87, 150, 103, 28, 158, 72, 248, 82, 24,
+      27, 160, 245, 25, 135, 15, 48, 220, 148, 244, 94, 250, 139, 134, 220, 73,
+      196, 92, 54, 152, 139, 24, 174, 81, 141, 124, 52, 43, 3, 239, 56, 149, 75,
+      112, 117, 70, 85, 193, 243, 6, 137, 251, 75, 10, 133, 246, 123, 190, 227,
+      143, 36, 227, 226, 101, 71, 203, 137, 124, 86, 218, 13, 112, 52, 32, 222,
+      143, 136, 28, 236, 5, 30, 182, 238, 135, 54, 8, 118, 136, 150, 68, 166,
+      143, 109, 210, 93, 2, 81, 223, 252, 86, 89, 196, 0, 108, 154, 136, 78,
+      124, 188, 26, 73, 134, 251, 246, 213, 225, 209, 190, 254, 204, 150, 80,
+      255, 26, 107, 125, 27, 76, 28, 117, 66, 2, 203, 44, 104, 247, 228, 91, 29,
+      214, 30, 82, 245, 127, 39, 244, 161, 177, 95, 102, 3, 170, 39, 216, 72,
+      60, 111, 64, 180, 178, 217, 84, 99, 213, 120, 255, 34, 116, 150, 103, 212,
+      17, 10, 60, 119, 57, 54, 93, 176, 231, 161, 140, 234, 57, 216, 50, 138,
+      176, 133, 225, 108, 27, 35, 246, 219, 134, 201, 36, 255, 42, 201, 128,
+      136, 245, 159, 93, 87, 70, 2, 31, 2, 126, 124, 15, 151, 166, 178, 162,
+      100, 76, 184, 239, 54, 0, 18, 96, 245, 157, 237, 243, 76, 92, 48, 205,
+      134, 78, 56, 49, 12, 208, 118, 42, 163, 102, 21, 230, 152, 29, 251, 225,
+      70, 145, 173, 175, 11, 104, 4, 142, 102, 75, 234, 223, 243, 138, 239, 244,
+      94, 57, 116, 81, 54, 219, 121, 71, 150, 46, 2, 42, 120, 86, 12, 137, 216,
+      190, 252, 5, 42, 33, 248, 187, 214, 81, 96, 217, 210, 48, 25, 87, 51, 213,
+      172, 56, 228, 175, 145, 116, 90, 78, 220, 247, 122, 19, 154, 86, 217, 85,
+      75, 89, 244, 209, 99, 239, 57, 136, 97, 124, 116, 202, 196, 127, 88, 178,
+      252, 137, 48, 208, 35, 71, 120, 146, 200, 77, 223, 231, 213, 249, 133,
+      192, 120, 73, 38, 45, 222, 206, 184, 165, 153, 87, 235, 13, 220, 132, 184,
+      76, 177, 130, 227, 248, 165, 196, 127, 14, 94, 219, 197, 20, 7, 53, 134,
+      215, 77, 254, 120, 227, 208, 29, 168, 40, 110, 178, 74, 3, 21, 78, 180,
+      245, 55, 118, 224, 37, 226, 162, 73, 151, 85, 205, 132, 153, 5, 178, 205,
+      28, 219, 10, 143, 109, 234, 179, 130, 63, 46, 7, 153, 217, 122, 94, 101,
+      56, 162, 57, 30, 165, 69, 248, 40, 35, 53, 25, 137, 124, 167, 61, 219,
+      208, 179, 199, 168, 54, 79, 79, 216, 225, 225, 127, 6, 37, 88, 179, 57,
+      69, 223, 228, 136, 174, 154, 246, 1, 178, 113, 59, 9, 104, 206, 254, 193,
+      39, 207, 202, 111, 255, 154, 74, 66, 247, 129, 72, 203, 221, 131, 131,
+      107, 144, 53, 155, 207, 0, 223, 215, 51, 50, 90, 112, 116, 206, 230, 244,
+    ]),
+    nullifier: Uint8Array.from([
+      42, 156, 1, 145, 1, 83, 12, 151, 116, 66, 250, 209, 2, 62, 226, 81, 1,
+      102, 199, 32, 213, 250, 10, 152, 120, 158, 210, 100, 247, 93, 131, 255,
+    ]),
+  },
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      108, 209, 188, 116, 58, 214, 125, 141, 235, 111, 198, 62, 54, 70, 138, 44,
+      38, 218, 140, 160, 189, 126, 139, 201, 33, 225, 8, 93, 130, 78, 124, 233,
+      121, 126, 40, 212, 183, 195, 2, 220, 23, 235, 46, 102, 2, 208, 133, 133,
+      63, 166, 9, 160, 120, 33, 203, 64, 151, 6, 49, 82, 193, 218, 34, 78, 183,
+      132, 86, 83, 119, 14, 120, 205, 70, 133, 23, 85, 146, 27, 25, 78, 132, 91,
+      207, 43, 132, 202, 37, 144, 212, 127, 143, 238, 232, 114, 103, 62, 122,
+      14, 254, 170, 222, 184, 208, 84, 105, 143, 15, 12, 4, 44, 28, 15, 157,
+      204, 108, 168, 4, 175, 156, 129, 198, 20, 67, 147, 89, 196, 95, 127, 247,
+      229, 91, 42, 166, 73, 147, 3, 35, 3, 214, 205, 114, 216, 140, 53, 63, 154,
+      103, 64, 81, 85, 235, 36, 116, 205, 166, 200, 163, 62, 30, 181, 200, 106,
+      199, 50, 23, 137, 199, 153, 206, 115, 209, 115, 70, 125, 150, 41, 153,
+      202, 14, 43, 190, 128, 5, 176, 25, 33, 124, 69, 116, 58, 104, 11, 228, 57,
+      57, 154, 159, 164, 152, 183, 121, 156, 63, 19, 246, 155, 124, 206, 56, 35,
+      78, 149, 98, 185, 175, 46, 91, 41, 228, 245, 42, 28, 206, 115, 9, 229,
+      107, 144, 176, 232, 56, 214, 26, 180, 160, 171, 100, 244, 217, 216, 129,
+      70, 173, 88, 197, 73, 117, 171, 4, 210, 0, 81, 92, 19, 186, 242, 30, 59,
+      217, 108, 117, 64, 5, 158, 87, 78, 164, 162, 40, 150, 241, 98, 204, 88,
+      189, 115, 74, 231, 99, 5, 161, 19, 105, 96, 32, 146, 63, 171, 91, 58, 12,
+      68, 88, 141, 186, 242, 173, 79, 213, 13, 14, 6, 28, 42, 13, 75, 136, 92,
+      4, 104, 33, 166, 163, 112, 225, 222, 210, 174, 42, 235, 49, 249, 183, 20,
+      207, 86, 40, 246, 225, 159, 167, 188, 254, 126, 218, 141, 71, 190, 249,
+      111, 3, 248, 26, 79, 213, 157, 112, 76, 87, 114, 214, 124, 213, 192, 47,
+      120, 82, 61, 197, 244, 249, 24, 209, 12, 177, 121, 240, 193, 196, 37, 223,
+      211, 170, 8, 108, 60, 37, 85, 104, 179, 10, 24, 212, 226, 136, 3, 40, 220,
+      92, 27, 138, 51, 83, 72, 248, 162, 146, 247, 231, 245, 194, 50, 101, 138,
+      47, 174, 227, 196, 159, 112, 122, 137, 99, 9, 178, 115, 132, 171, 120,
+      218, 209, 153, 11, 137, 7, 17, 42, 172, 76, 9, 234, 50, 77, 41, 107, 68,
+      235, 40, 76, 113, 85, 40, 175, 65, 239, 62, 115, 139, 59, 66, 157, 11, 23,
+      214, 100, 96, 3, 30, 25, 101, 153, 166, 118, 0, 97, 168, 241, 83, 226,
+      130, 215, 110, 43, 254, 231, 97, 168, 13, 92, 42, 106, 153, 134, 117, 120,
+      238, 35, 237, 142, 161, 9, 56, 113, 113, 168, 183, 23, 114, 171, 247, 176,
+      177, 11, 16, 164, 48, 197, 52, 106, 159, 117, 121, 58, 164, 137, 97, 129,
+      33, 49, 224, 245, 210, 63, 120, 183, 68, 63, 127, 128, 201, 66, 203, 63,
+      194, 118, 142, 189, 215, 246, 114, 174, 169, 207, 117, 35, 49, 198, 245,
+      94, 198, 225, 220, 157, 213, 124, 27, 181, 182, 144, 88, 10, 120, 17, 21,
+      174, 246, 16, 149, 204, 149, 15, 182, 162, 80, 69, 74, 228, 209, 185, 70,
+      94, 171, 69, 230, 14, 85, 130, 9, 38, 186, 76, 154, 148, 96, 48, 229, 170,
+      149, 147, 222, 163, 135, 121, 175, 249, 136, 92, 132, 159, 63, 215, 194,
+      253, 227, 120, 159, 143, 106, 214, 23, 64, 237, 35, 41, 50, 79, 241, 154,
+      205, 113, 105, 113, 221, 35, 156, 249, 250, 196, 187, 27, 156, 111, 182,
+      7, 60, 32, 253, 236, 151, 144, 252, 172, 185, 72, 188, 169, 34, 2, 225,
+      200, 80, 158, 96, 95, 241, 178, 182, 195, 227, 228, 20, 55, 164, 92, 208,
+      220, 79, 137, 164, 222, 31, 135, 231, 226, 8, 73, 164, 24, 191, 93, 4,
+      180, 18, 148, 214, 248, 246, 38, 132, 138, 201, 35, 32, 201, 242, 58, 197,
+      208, 27, 76, 104, 180, 204, 92, 152, 0, 188, 179, 115, 166, 195, 215, 44,
+      78, 46, 29, 215, 63, 112, 46, 179, 20, 195, 148, 251, 11,
+    ]),
+    nullifier: Uint8Array.from([
+      245, 135, 186, 46, 3, 142, 188, 44, 29, 178, 128, 202, 68, 53, 117, 62,
+      10, 113, 73, 173, 248, 198, 106, 150, 160, 74, 86, 216, 87, 187, 59, 197,
+    ]),
+  },
+  {
+    address:
+      "c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8",
+
+    note: Uint8Array.from([
+      219, 49, 55, 118, 161, 122, 224, 227, 0, 14, 8, 66, 232, 123, 0, 52, 111,
+      89, 39, 85, 9, 85, 184, 54, 252, 199, 249, 65, 23, 223, 50, 143, 185, 56,
+      9, 7, 232, 82, 176, 94, 62, 220, 52, 0, 169, 185, 121, 107, 177, 207, 143,
+      159, 195, 208, 240, 117, 63, 253, 248, 53, 86, 38, 192, 106, 44, 113, 119,
+      255, 119, 103, 187, 123, 200, 86, 188, 254, 161, 228, 171, 43, 168, 138,
+      17, 26, 233, 154, 33, 91, 104, 5, 248, 34, 121, 89, 195, 108, 232, 3, 77,
+      127, 92, 25, 222, 156, 194, 32, 97, 91, 253, 96, 137, 228, 139, 11, 187,
+      148, 174, 42, 253, 3, 47, 2, 177, 144, 50, 31, 253, 180, 8, 226, 248, 177,
+      237, 12, 198, 244, 27, 250, 87, 182, 16, 23, 239, 186, 247, 176, 232, 50,
+      41, 119, 172, 161, 184, 123, 145, 160, 225, 68, 57, 155, 71, 201, 24, 37,
+      253, 137, 202, 222, 40, 173, 119, 119, 62, 104, 146, 20, 94, 68, 78, 137,
+      213, 243, 114, 193, 159, 182, 245, 105, 212, 53, 192, 243, 204, 214, 161,
+      214, 55, 5, 69, 219, 187, 174, 199, 59, 140, 43, 0, 246, 143, 189, 118,
+      20, 160, 25, 103, 111, 206, 181, 202, 166, 12, 199, 128, 224, 113, 68,
+      228, 170, 110, 98, 71, 195, 159, 15, 133, 67, 184, 77, 216, 84, 232, 229,
+      85, 10, 30, 154, 213, 136, 183, 148, 94, 2, 246, 251, 156, 101, 162, 201,
+      243, 205, 186, 65, 227, 126, 151, 164, 152, 9, 78, 211, 167, 193, 68, 115,
+      139, 83, 71, 3, 132, 127, 14, 178, 161, 41, 212, 152, 179, 117, 123, 27,
+      224, 243, 9, 182, 97, 53, 44, 136, 205, 236, 90, 215, 136, 232, 88, 184,
+      160, 47, 90, 219, 45, 80, 225, 172, 5, 211, 28, 209, 38, 193, 182, 255,
+      181, 103, 63, 75, 223, 125, 22, 169, 118, 184, 172, 186, 66, 7, 191, 243,
+      190, 91, 134, 224, 211, 95, 50, 49, 109, 249, 252, 124, 51, 118, 83, 36,
+      24, 221, 234, 252, 117, 8, 146, 187, 112, 34, 133, 63, 235, 108, 104, 36,
+      24, 82, 187, 45, 9, 188, 219, 201, 210, 211, 117, 182, 231, 151, 72, 160,
+      252, 182, 134, 139, 61, 64, 207, 125, 235, 68, 239, 42, 228, 136, 217,
+      203, 11, 134, 233, 71, 13, 4, 87, 60, 102, 216, 168, 99, 210, 220, 94, 50,
+      92, 56, 174, 145, 16, 215, 193, 175, 33, 2, 228, 57, 53, 42, 247, 141, 16,
+      91, 178, 2, 229, 78, 232, 126, 39, 40, 198, 53, 83, 110, 205, 68, 144, 99,
+      133, 1, 195, 12, 70, 158, 37, 148, 21, 66, 32, 12, 89, 34, 100, 107, 207,
+      178, 143, 47, 245, 158, 242, 22, 178, 230, 178, 132, 107, 176, 231, 125,
+      241, 221, 112, 130, 29, 138, 136, 206, 96, 201, 145, 108, 89, 202, 83,
+      111, 176, 246, 148, 143, 113, 61, 29, 100, 22, 222, 145, 92, 98, 39, 45,
+      234, 39, 122, 2, 50, 116, 96, 49, 187, 74, 68, 48, 6, 48, 113, 14, 186,
+      139, 14, 164, 103, 113, 201, 152, 236, 107, 46, 227, 136, 90, 98, 92, 249,
+      64, 180, 194, 23, 149, 50, 114, 230, 112, 132, 179, 79, 102, 92, 242, 4,
+      108, 36, 191, 61, 203, 118, 251, 10, 162, 84, 239, 109, 245, 112, 73, 72,
+      80, 80, 196, 35, 107, 113, 49, 251, 119, 171, 14, 63, 41, 178, 214, 192,
+      237, 76, 173, 245, 76, 138, 28, 30, 209, 114, 96, 75, 62, 77, 226, 155,
+      59, 125, 85, 255, 201, 152, 197, 23, 154, 245, 96, 26, 66, 198, 224, 218,
+      48, 40, 39, 127, 157, 175, 160, 154, 19, 254, 131, 218, 127, 114, 39, 226,
+      209, 149, 135, 150, 248, 143, 92, 97, 252, 162, 211, 137, 167, 201, 180,
+      207, 255, 188, 99, 215, 131, 28, 81, 222, 11, 45, 4, 92, 185, 252, 172,
+      121, 12, 26, 40, 142, 166, 67, 94, 92, 181, 76, 213, 177, 95, 55, 179, 89,
+      254, 39, 160, 52, 229, 55, 198, 11, 69, 12, 136, 233, 112, 123, 59, 10,
+      131, 81, 35, 32, 193, 105, 38, 35, 209, 210, 178, 236, 8, 218, 87, 49,
+      178, 216, 68, 142, 129, 175, 246, 63, 153, 226, 246, 123,
+    ]),
+    nullifier: Uint8Array.from([
+      135, 41, 202, 183, 252, 155, 219, 9, 223, 101, 145, 60, 75, 2, 43, 78,
+      222, 243, 230, 133, 197, 181, 223, 7, 54, 113, 87, 113, 60, 219, 112, 166,
+    ]),
+  },
+  {
+    address:
+      "a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F",
+
+    note: Uint8Array.from([
+      20, 199, 248, 196, 208, 189, 158, 57, 225, 199, 58, 245, 77, 59, 163, 188,
+      156, 66, 108, 181, 186, 3, 72, 6, 223, 7, 248, 211, 56, 229, 94, 64, 135,
+      250, 8, 34, 40, 253, 195, 157, 148, 9, 91, 44, 37, 19, 224, 154, 133, 23,
+      180, 131, 68, 174, 0, 147, 130, 121, 135, 93, 238, 41, 206, 1, 236, 202,
+      111, 107, 148, 58, 36, 239, 33, 206, 126, 250, 190, 105, 216, 72, 140,
+      104, 108, 196, 255, 148, 6, 191, 181, 135, 102, 22, 152, 105, 164, 85, 3,
+      216, 70, 219, 166, 126, 192, 84, 231, 59, 15, 111, 244, 162, 250, 89, 36,
+      76, 18, 106, 173, 82, 67, 238, 0, 195, 83, 85, 59, 123, 201, 30, 186, 14,
+      240, 39, 42, 9, 18, 64, 137, 117, 170, 253, 73, 183, 25, 136, 107, 182,
+      169, 41, 156, 162, 252, 114, 114, 206, 210, 17, 54, 116, 37, 119, 204, 66,
+      106, 168, 206, 113, 69, 6, 68, 99, 225, 135, 68, 181, 105, 74, 255, 12,
+      71, 192, 220, 222, 47, 249, 236, 45, 53, 42, 110, 52, 164, 159, 61, 77,
+      204, 88, 156, 54, 46, 81, 58, 66, 229, 144, 228, 158, 195, 229, 103, 102,
+      22, 21, 200, 120, 3, 180, 118, 176, 214, 173, 83, 211, 243, 20, 139, 242,
+      85, 163, 207, 208, 141, 217, 90, 235, 2, 158, 186, 234, 139, 79, 220, 114,
+      98, 225, 238, 145, 202, 228, 24, 169, 92, 67, 208, 188, 143, 59, 71, 150,
+      56, 137, 208, 133, 52, 133, 251, 17, 204, 172, 28, 91, 24, 46, 251, 153,
+      3, 138, 116, 169, 217, 226, 132, 99, 15, 157, 144, 193, 68, 202, 98, 197,
+      147, 46, 227, 69, 139, 235, 125, 55, 198, 63, 218, 113, 105, 245, 153,
+      184, 113, 188, 148, 157, 60, 134, 228, 218, 68, 57, 91, 62, 60, 170, 99,
+      212, 47, 63, 48, 123, 67, 84, 203, 165, 121, 43, 194, 62, 235, 103, 41,
+      205, 92, 206, 110, 0, 255, 60, 155, 76, 47, 66, 58, 98, 252, 65, 96, 122,
+      161, 146, 30, 110, 127, 81, 186, 49, 214, 191, 18, 109, 180, 103, 162, 78,
+      2, 89, 86, 12, 120, 193, 238, 21, 92, 212, 228, 246, 219, 84, 186, 203,
+      196, 222, 19, 205, 177, 126, 255, 115, 192, 37, 191, 81, 122, 226, 153,
+      35, 176, 45, 172, 113, 84, 28, 131, 236, 39, 155, 62, 128, 62, 184, 64,
+      204, 131, 244, 215, 252, 143, 236, 66, 89, 236, 180, 13, 51, 78, 49, 99,
+      148, 111, 241, 166, 81, 101, 146, 159, 132, 173, 114, 38, 129, 156, 126,
+      188, 51, 121, 135, 138, 63, 232, 39, 35, 174, 165, 139, 191, 35, 189, 75,
+      196, 1, 210, 94, 75, 46, 182, 82, 118, 161, 20, 90, 94, 187, 165, 27, 121,
+      88, 32, 213, 212, 147, 191, 1, 125, 23, 121, 241, 209, 32, 7, 213, 106,
+      107, 19, 11, 19, 159, 219, 176, 193, 32, 146, 195, 26, 128, 131, 107, 29,
+      184, 66, 35, 187, 1, 205, 139, 246, 2, 67, 94, 105, 102, 228, 158, 173,
+      34, 96, 76, 126, 8, 138, 189, 139, 82, 122, 170, 210, 230, 42, 154, 55,
+      64, 247, 110, 127, 191, 254, 198, 68, 131, 100, 65, 120, 225, 133, 145,
+      75, 253, 93, 13, 10, 99, 133, 91, 113, 227, 168, 255, 187, 118, 134, 107,
+      169, 195, 10, 132, 115, 121, 101, 97, 113, 158, 0, 175, 178, 2, 81, 245,
+      142, 164, 129, 225, 127, 209, 70, 242, 34, 43, 252, 101, 195, 225, 209,
+      100, 10, 56, 237, 34, 185, 116, 224, 17, 240, 29, 152, 199, 118, 251, 18,
+      33, 10, 208, 101, 232, 143, 180, 226, 26, 49, 101, 30, 43, 70, 191, 105,
+      136, 198, 123, 95, 65, 17, 76, 183, 102, 207, 221, 188, 215, 246, 109,
+      148, 230, 136, 129, 225, 42, 75, 18, 73, 75, 116, 227, 99, 84, 194, 196,
+      15, 60, 199, 246, 138, 64, 194, 231, 187, 154, 173, 99, 33, 231, 164, 212,
+      50, 45, 203, 9, 184, 70, 114, 8, 170, 189, 175, 69, 31, 149, 88, 94, 164,
+      47, 212, 170, 88, 96, 88, 136, 16, 120, 88, 228, 166, 34, 16, 61, 127,
+      174, 49, 124, 195, 0, 39, 204, 27, 94, 97, 243, 237, 152, 173, 64, 101,
+      52,
+    ]),
+    nullifier: Uint8Array.from([
+      9, 40, 187, 103, 238, 120, 85, 236, 21, 7, 91, 1, 122, 171, 29, 67, 110,
+      220, 33, 226, 73, 104, 169, 41, 64, 221, 131, 0, 50, 13, 31, 206,
+    ]),
+  },
+  {
+    address:
+      "B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g7h8i9j0A1B2C3D4E5F6G7H8I9J0a1b2c3d4e5f6g",
+
+    note: Uint8Array.from([
+      132, 205, 7, 147, 102, 162, 91, 216, 131, 90, 247, 227, 224, 132, 167, 38,
+      81, 240, 92, 91, 193, 28, 165, 64, 63, 171, 94, 119, 85, 67, 215, 173,
+      213, 115, 96, 71, 74, 145, 172, 75, 91, 107, 97, 174, 88, 102, 208, 185,
+      136, 209, 215, 228, 78, 223, 110, 171, 104, 93, 174, 223, 157, 140, 72,
+      213, 73, 115, 192, 139, 55, 132, 25, 118, 38, 61, 242, 48, 82, 99, 167,
+      166, 95, 214, 155, 133, 54, 113, 139, 97, 37, 74, 205, 15, 119, 28, 84,
+      51, 195, 229, 179, 193, 137, 112, 109, 216, 10, 68, 89, 126, 117, 248, 44,
+      161, 1, 219, 119, 162, 11, 9, 235, 133, 170, 51, 178, 51, 27, 75, 15, 25,
+      8, 210, 143, 168, 245, 110, 218, 32, 236, 198, 73, 238, 163, 199, 3, 127,
+      7, 8, 95, 235, 234, 194, 80, 123, 75, 162, 6, 103, 246, 25, 208, 197, 73,
+      88, 103, 116, 124, 78, 69, 10, 65, 134, 239, 244, 203, 229, 70, 87, 144,
+      91, 161, 104, 216, 199, 255, 111, 244, 135, 199, 195, 106, 221, 36, 167,
+      187, 114, 120, 41, 131, 226, 57, 155, 51, 76, 5, 102, 6, 145, 226, 208,
+      26, 185, 222, 180, 198, 163, 228, 5, 188, 242, 74, 250, 209, 55, 129, 9,
+      199, 240, 21, 114, 218, 32, 25, 83, 29, 225, 2, 255, 73, 72, 51, 228, 138,
+      57, 2, 8, 182, 31, 100, 195, 7, 174, 29, 247, 205, 173, 103, 243, 158,
+      253, 201, 117, 165, 171, 244, 75, 176, 154, 120, 249, 157, 7, 238, 198,
+      161, 19, 120, 12, 170, 96, 132, 78, 210, 165, 7, 134, 201, 184, 224, 172,
+      167, 222, 185, 119, 16, 47, 232, 160, 80, 200, 103, 32, 126, 177, 117,
+      237, 102, 129, 151, 245, 126, 251, 226, 87, 198, 12, 178, 51, 39, 110, 5,
+      55, 160, 231, 82, 72, 253, 43, 91, 8, 16, 60, 170, 171, 55, 22, 232, 55,
+      40, 92, 18, 140, 73, 84, 57, 72, 168, 47, 182, 194, 108, 212, 27, 235,
+      232, 213, 61, 14, 121, 105, 185, 78, 37, 161, 76, 56, 3, 124, 15, 95, 174,
+      35, 6, 167, 44, 111, 244, 126, 2, 78, 68, 36, 15, 120, 209, 35, 245, 90,
+      133, 25, 40, 66, 198, 111, 123, 165, 4, 195, 19, 147, 82, 95, 51, 213, 62,
+      191, 101, 113, 65, 168, 153, 155, 31, 129, 106, 59, 32, 160, 131, 219,
+      168, 98, 244, 206, 240, 247, 163, 22, 139, 216, 121, 33, 105, 176, 228,
+      226, 246, 20, 4, 31, 118, 150, 122, 87, 232, 92, 188, 228, 14, 112, 127,
+      86, 114, 23, 33, 73, 155, 23, 94, 105, 186, 80, 32, 196, 119, 206, 115,
+      142, 62, 110, 195, 91, 56, 66, 250, 201, 194, 209, 40, 193, 59, 142, 143,
+      185, 151, 45, 225, 106, 177, 30, 168, 115, 124, 36, 177, 146, 197, 13,
+      114, 18, 58, 165, 40, 190, 97, 211, 148, 255, 82, 73, 178, 166, 21, 29,
+      115, 111, 142, 228, 148, 94, 51, 39, 164, 111, 78, 228, 17, 159, 92, 115,
+      106, 4, 116, 169, 199, 208, 108, 123, 212, 241, 222, 248, 180, 22, 102,
+      178, 47, 44, 241, 28, 138, 67, 182, 75, 16, 101, 197, 119, 227, 113, 254,
+      161, 227, 37, 48, 135, 102, 211, 142, 208, 185, 156, 41, 185, 26, 61, 239,
+      65, 233, 170, 229, 1, 54, 237, 35, 2, 151, 2, 39, 149, 34, 4, 6, 25, 145,
+      103, 151, 59, 42, 138, 101, 90, 189, 164, 168, 76, 135, 196, 32, 18, 33,
+      205, 218, 135, 21, 242, 80, 41, 12, 156, 137, 75, 252, 196, 94, 192, 85,
+      136, 106, 38, 133, 20, 19, 111, 21, 196, 227, 219, 39, 49, 117, 78, 213,
+      57, 141, 170, 28, 128, 207, 33, 181, 13, 143, 108, 214, 250, 214, 158, 4,
+      146, 173, 130, 134, 254, 151, 209, 34, 34, 5, 57, 179, 30, 124, 141, 131,
+      248, 155, 10, 81, 154, 29, 219, 184, 245, 176, 231, 194, 20, 105, 5, 152,
+      249, 43, 159, 250, 181, 119, 160, 243, 29, 26, 198, 53, 124, 2, 232, 227,
+      104, 99, 163, 65, 80, 144, 247, 39, 193, 63, 185, 232, 126, 21, 105, 48,
+      81, 138, 74, 30, 71, 144, 130, 237, 255, 76, 203, 109, 237, 238, 252,
+    ]),
+    nullifier: Uint8Array.from([
+      126, 1, 67, 106, 78, 193, 10, 9, 193, 99, 2, 7, 107, 141, 64, 213, 223, 1,
+      22, 187, 118, 9, 144, 128, 23, 122, 177, 197, 162, 141, 233, 145,
+    ]),
+  },
+];
diff --git a/src/lib/mock-data/index.js b/src/lib/mock-data/index.js
index edf579e5..ef9a4aa7 100644
--- a/src/lib/mock-data/index.js
+++ b/src/lib/mock-data/index.js
@@ -1,3 +1,10 @@
 export { default as addresses } from "./addresses";
+export { default as apiMarketData } from "./api-market-data.json";
+export { default as cacheBalances } from "./cache-balances";
+export { default as cachePendingNotesInfo } from "./cache-pending-notes-info";
+export { default as cacheSpentNotes } from "./cache-spent-notes";
+export { default as cacheStakeInfo } from "./cache-stake-info";
+export { default as cacheSyncInfo } from "./cache-sync-info";
+export { default as cacheUnspentNotes } from "./cache-unspent-notes";
 export { default as stakeInfo } from "./stakeInfo";
 export { default as transactions } from "./transactions";
diff --git a/src/lib/mock-data/stakeInfo.js b/src/lib/mock-data/stakeInfo.js
index 54022ad6..cba7daee 100644
--- a/src/lib/mock-data/stakeInfo.js
+++ b/src/lib/mock-data/stakeInfo.js
@@ -1,9 +1,14 @@
-/* eslint-disable camelcase */
-
-/** @type {WalletStakeInfo} */
+/** @type {StakeInfo} */
 export default {
-	amount: 1000,
-	has_key: true,
-	has_staked: true,
-	reward: 500
+  amount: {
+    eligibility: 0n,
+    locked: 0n,
+    get total() {
+      return this.value + this.locked;
+    },
+    value: 1000000000000n,
+  },
+  faults: 0,
+  hardFaults: 0,
+  reward: 11022842680864n,
 };
diff --git a/src/lib/mock-data/transactions.js b/src/lib/mock-data/transactions.js
index f30dd097..61ced304 100644
--- a/src/lib/mock-data/transactions.js
+++ b/src/lib/mock-data/transactions.js
@@ -1,46 +1,53 @@
 /* eslint-disable camelcase */
 
 /** @type {Transaction[]} */
-export default [{
-	amount: 25000,
-	block_height: 33458,
-	direction: "In",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh793h",
-	tx_type: "TRANSFER"
-}, {
-	amount: -25000,
-	block_height: 33456,
-	direction: "In",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh791h",
-	tx_type: "TRANSFER"
-}, {
-	amount: 25000,
-	block_height: 33455,
-	direction: "In",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh790h",
-	tx_type: "STAKE"
-}, {
-	amount: -25000,
-	block_height: 33459,
-	direction: "In",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh794h",
-	tx_type: "TRANSFER"
-}, {
-	amount: 27000,
-	block_height: 33460,
-	direction: "Out",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh795h",
-	tx_type: "STAKE"
-}, {
-	amount: -25000,
-	block_height: 33457,
-	direction: "Out",
-	fee: 1876,
-	id: "tg874534tddsghdtst54hdfh792h",
-	tx_type: "TRANSFER"
-}];
+export default [
+  {
+    amount: 25000,
+    block_height: 33458,
+    direction: "In",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh793h",
+    tx_type: "TRANSFER",
+  },
+  {
+    amount: -25000,
+    block_height: 33456,
+    direction: "In",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh791h",
+    tx_type: "TRANSFER",
+  },
+  {
+    amount: 25000,
+    block_height: 33455,
+    direction: "In",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh790h",
+    tx_type: "STAKE",
+  },
+  {
+    amount: -25000,
+    block_height: 33459,
+    direction: "In",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh794h",
+    tx_type: "TRANSFER",
+  },
+  {
+    amount: 27000,
+    block_height: 33460,
+    direction: "Out",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh795h",
+    tx_type: "STAKE",
+  },
+  {
+    amount: -25000,
+    block_height: 33457,
+    direction: "Out",
+    fee: 1876,
+    id: "tg874534tddsghdtst54hdfh792h",
+    tx_type: "TRANSFER",
+  },
+];
diff --git a/src/lib/mocks/AccountSyncer.js b/src/lib/mocks/AccountSyncer.js
new file mode 100644
index 00000000..8adb608e
--- /dev/null
+++ b/src/lib/mocks/AccountSyncer.js
@@ -0,0 +1,34 @@
+// we are importing the file directly to avoid importing our own mock
+import { AccountSyncer } from "$lib/../../node_modules/@dusk/w3sper/src/network/syncer/account";
+
+import { stakeInfo } from "$lib/mock-data";
+
+class AccountSyncerMock extends AccountSyncer {
+  /**
+   * @param {Network} network
+   */
+  constructor(network) {
+    super(network);
+  }
+
+  /**
+   * @param {Array<Profile>} profiles
+   * @returns {Promise<AccountBalance[]>}
+   */
+  async balances(profiles) {
+    return Array(profiles.length).fill({
+      nonce: 9876n,
+      value: 12_345_000_000_000n,
+    });
+  }
+
+  /**
+   * @param {Array<Profile>} profiles
+   * @returns {Promise<StakeInfo[]>}
+   */
+  async stakes(profiles) {
+    return Array(profiles.length).fill(stakeInfo);
+  }
+}
+
+export default AccountSyncerMock;
diff --git a/src/lib/mocks/AddressSyncer.js b/src/lib/mocks/AddressSyncer.js
new file mode 100644
index 00000000..e3f85c55
--- /dev/null
+++ b/src/lib/mocks/AddressSyncer.js
@@ -0,0 +1,100 @@
+// we are importing the file directly to avoid importing our own mock
+import { AddressSyncer } from "$lib/../../node_modules/@dusk/w3sper/src/network/syncer/address";
+
+import { cacheUnspentNotes } from "$lib/mock-data";
+
+import notesArrayToMap from "$lib/wallet/notesArrayToMap";
+
+/**
+ * @template T
+ * @param {Array<T>} arr
+ * @param {number} n
+ */
+function* chunkGenerator(arr, n) {
+  const chunkSize = Math.floor(arr.length / n);
+
+  let start = 0;
+
+  for (let i = 0; i < n; i++) {
+    const end = start + chunkSize + (i === n - 1 ? arr.length % n : 0);
+    yield arr.slice(start, end);
+    start = end;
+  }
+}
+
+class SyncEvent extends CustomEvent {
+  /**
+   * @param {string} type
+   * @param {Record<string, any>} detail
+   */
+  constructor(type, detail) {
+    super(type, { detail });
+  }
+}
+
+class AddressSyncerMock extends AddressSyncer {
+  /**
+   * @param {Array<Profile>} profiles
+   * @param {Record<string, any>} [options={}]
+   * @returns {Promise<ReadableStream<[Array<Map<Uint8Array, Uint8Array>>, { blockHeight: bigint; bookmark: bigint; }]>>}
+   */
+  // eslint-disable-next-line no-unused-vars
+  async notes(profiles, options = {}) {
+    const addresses = profiles.map((profile) => profile.address.toString());
+    const notesAsMap = notesArrayToMap(cacheUnspentNotes);
+    const notesArray = addresses.map(
+      (address) => notesAsMap.get(address) ?? new Map()
+    );
+
+    let currentChunk = 0;
+
+    const generator = chunkGenerator(notesArray, 4);
+
+    return new ReadableStream({
+      pull: async (controller) => {
+        const { done, value } = generator.next();
+
+        if (done) {
+          controller.close();
+
+          return;
+        }
+
+        /** @type {{ blockHeight: bigint, bookmark: bigint }} */
+        const syncInfo = {
+          blockHeight: 50n * BigInt(currentChunk),
+          bookmark: 100n * BigInt(currentChunk),
+        };
+
+        this.dispatchEvent(
+          new SyncEvent("synciteration", {
+            blocks: {
+              current: syncInfo.blockHeight,
+              last: 150n,
+            },
+            bookmarks: {
+              current: syncInfo.bookmark,
+              last: 300n,
+            },
+            ownedCount: notesArray.length,
+            progress: 0.25 * (currentChunk + 1),
+          })
+        );
+
+        controller.enqueue([value, syncInfo]);
+        currentChunk++;
+      },
+    });
+  }
+
+  /**
+   * @param {Uint8Array[]} nullifiers
+   * @returns {Promise<ArrayBuffer[]>}
+   */
+  // eslint-disable-next-line no-unused-vars
+  async spent(nullifiers) {
+    return [];
+  }
+}
+
+export default AddressSyncerMock;
diff --git a/src/lib/mocks/Network.js b/src/lib/mocks/Network.js
new file mode 100644
index 00000000..667aace0
--- /dev/null
+++ b/src/lib/mocks/Network.js
@@ -0,0 +1,55 @@
+// we are importing the file directly to avoid importing our own mock
+import { Network } from "$lib/../../node_modules/@dusk/w3sper/src/network/mod";
+
+class NetworkMock extends Network {
+  /** @type {boolean} */
+  #connected = false;
+
+  /** @param {string | URL} url */
+  constructor(url) {
+    super(url);
+  }
+
+  get blockHeight() {
+    return Promise.resolve(123_456_789n);
+  }
+
+  // @ts-ignore
+  node = {
+    info: Promise.resolve({
+      chain: function toString() {
+        return "localnet";
+      },
+    }),
+  };
+
+  get connected() {
+    return this.#connected;
+  }
+
+  async connect() {
+    this.#connected = true;
+
+    return this;
+  }
+
+  async disconnect() {
+    this.#connected = false;
+  }
+
+  /**
+   * For our current tests we always return a `ShieldedTransferResult`
+   * @param {import("@dusk/w3sper").BasicTransfer} tx
+   * @returns {Promise<import("@dusk/w3sper").ShieldedTransferResult>}
+   */
+  // eslint-disable-next-line no-unused-vars
+  async execute(tx) {
+    return Object.freeze({
+      buffer: new Uint8Array(),
+      hash: "821a88f10f823b74fa3489c5acc6e31b7e2e96d7adff47137f20f4af61612415",
+      nullifiers: [],
+    });
+  }
+}
+
+export default NetworkMock;
diff --git a/src/lib/mocks/ProtocolDriver.js b/src/lib/mocks/ProtocolDriver.js
new file mode 100644
index 00000000..d66f7cad
--- /dev/null
+++ b/src/lib/mocks/ProtocolDriver.js
@@ -0,0 +1,24 @@
+/* eslint-disable no-unused-vars */
+
+export async function balance() {
+  return { spendable: 0n, value: 0n };
+}
+
+/**
+ * @param {Uint8Array} seed
+ * @param {number} n
+ * @returns {Promise<Uint8Array>}
+ */
+export async function generateProfile(seed, n) {
+  return new Uint8Array(64 + 96).fill(99);
+}
+
+export async function getMinimumStake() {
+  return 1_000_000_000_000n;
+}
+
+export function load() {}
+
+export async function unload() {}
+
+export function useAsProtocolDriver() {}
diff --git a/src/lib/mocks/Transactions.js b/src/lib/mocks/Transactions.js
new file mode 100644
index 00000000..c052a91e
--- /dev/null
+++ b/src/lib/mocks/Transactions.js
@@ -0,0 +1,100 @@
+import { afterAll, expect } from "vitest";
+
+const controllers = new Set();
+
+afterAll(() => {
+  controllers.forEach((controller) => {
+    controller.abort();
+    controllers.delete(controller);
+  });
+});
+
+/** @type {PromiseWithResolvers<void>} */
+let deferredRemove;
+
+class FakeRuesScope {
+  #id = "";
+
+  #once = false;
+
+  #name;
+
+  /** @param {string} name */
+  constructor(name) {
+    this.#name = name;
+
+    const abortController = new AbortController();
+
+    controllers.add(abortController);
+
+    globalThis.addEventListener(
+      "transaction::removed",
+      (evt) => {
+        const { detail } =
+          /** @type {CustomEvent<{ id: string, name: string, once: boolean }>} */ (
+            evt
+          );
+
+        expect(detail.id).toBe(this.#id);
+        expect(detail.name).toBe(this.#name);
+        expect(detail.once).toBe(this.#once);
+
+        deferredRemove.resolve(undefined);
+      },
+      { signal: abortController.signal }
+    );
+  }
+
+  removed() {
+    deferredRemove = Promise.withResolvers();
+    return deferredRemove.promise;
+  }
+
+  /** @param {string} id */
+  withId(id) {
+    this.#id = id;
+
+    return this;
+  }
+
+  get once() {
+    this.#once = true;
+
+    return this;
+  }
+
+  toJSON() {
+    return {
+      id: this.#id,
+      name: this.#name,
+      once: this.#once,
+    };
+  }
+}
+
+export class Transactions {
+  #scope;
+
+  constructor() {
+    this.#scope = new FakeRuesScope("transactions");
+  }
+
+  /** @param {any} tx */
+  async preverify(tx) {
+    return tx;
+  }
+
+  /** @param {any} tx */
+  async propagate(tx) {
+    return tx;
+  }
+
+  /** @param {string} id */
+  withId(id) {
+    return this.#scope.withId(id);
+  }
+
+  get once() {
+    return this.#scope.once;
+  }
+}
diff --git a/src/lib/mocks/mockedWalletStore.js b/src/lib/mocks/mockedWalletStore.js
new file mode 100644
index 00000000..3c7e492c
--- /dev/null
+++ b/src/lib/mocks/mockedWalletStore.js
@@ -0,0 +1,39 @@
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import { stakeInfo } from "$lib/mock-data";
+
+import { mockReadableStore } from "$lib/dusk/test-helpers";
+
+const seed = new Uint8Array(64);
+const seeder = async () => seed;
+const profileGenerator = new ProfileGenerator(seeder);
+const profiles = [
+  await profileGenerator.default,
+  await profileGenerator.next(),
+  await profileGenerator.next(),
+];
+
+const currentProfile = profiles[0];
+const shielded = { spendable: 50_000_000_000_000n, value: 2_345_000_000_000n };
+const unshielded = { nonce: 1234n, value: shielded.value / 2n };
+
+/** @type {WalletStoreContent & { currentProfile: NonNullable<WalletStoreContent["currentProfile"]> }} */
+const content = {
+  balance: { shielded, unshielded },
+  currentProfile,
+  initialized: true,
+  minimumStake: 1_000_000_000_000n,
+  profiles,
+  stakeInfo,
+  syncStatus: {
+    error: null,
+    from: 0n,
+    isInProgress: false,
+    last: 0n,
+    progress: 0,
+  },
+};
+
+const mockedWalletStore = mockReadableStore(content);
+
+export default mockedWalletStore;
diff --git a/src/lib/navigation/__tests__/addBasePath.spec.js b/src/lib/navigation/__tests__/addBasePath.spec.js
new file mode 100644
index 00000000..1cccf010
--- /dev/null
+++ b/src/lib/navigation/__tests__/addBasePath.spec.js
@@ -0,0 +1,22 @@
+import { describe, expect, it } from "vitest";
+import { base } from "$app/paths";
+
+import { addBasePath } from "..";
+
+describe("addBasePath", () => {
+  it("should add the base path to the received path if the received one is an absolute path", () => {
+    expect(addBasePath("/")).toBe(`${base}/`);
+    expect(addBasePath("/some-path")).toBe(`${base}/some-path`);
+  });
+
+  it("should add nothing if the received path is a relative one or a complete string URL", () => {
+    expect(addBasePath("foo/bar")).toBe("foo/bar");
+    expect(addBasePath("http://example.com/")).toBe("http://example.com/");
+  });
+
+  it("should add nothing if the received path is a URL object", () => {
+    const url = new URL("http://www.example.com/");
+
+    expect(addBasePath(url)).toBe(url);
+  });
+});
diff --git a/src/lib/navigation/__tests__/goto.spec.js b/src/lib/navigation/__tests__/goto.spec.js
new file mode 100644
index 00000000..23f70631
--- /dev/null
+++ b/src/lib/navigation/__tests__/goto.spec.js
@@ -0,0 +1,44 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import * as appNavigation from "$app/navigation";
+import { base } from "$app/paths";
+
+import { goto } from "..";
+
+describe("goto", () => {
+  const gotoSpy = vi.spyOn(appNavigation, "goto");
+
+  afterEach(() => {
+    gotoSpy.mockClear();
+  });
+
+  afterAll(() => {
+    gotoSpy.mockRestore();
+  });
+
+  it("should add the defined base path to Svelte's `goto` calls for absolute paths", async () => {
+    await goto("/");
+    await goto("/foo/path");
+
+    expect(gotoSpy).toHaveBeenCalledTimes(2);
+    expect(gotoSpy).toHaveBeenNthCalledWith(1, `${base}/`);
+    expect(gotoSpy).toHaveBeenNthCalledWith(2, `${base}/foo/path`);
+  });
+
+  it("should add nothing for relative paths and complete string URLs", async () => {
+    await goto("foo/bar");
+    await goto("http://example.com/");
+
+    expect(gotoSpy).toHaveBeenCalledTimes(2);
+    expect(gotoSpy).toHaveBeenNthCalledWith(1, "foo/bar");
+    expect(gotoSpy).toHaveBeenNthCalledWith(2, "http://example.com/");
+  });
+
+  it("should do nothing if the received path is an URL object", async () => {
+    const url = new URL("http://www.example.com/");
+
+    await goto(url);
+
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith(url);
+  });
+});
diff --git a/src/lib/navigation/__tests__/logout.spec.js b/src/lib/navigation/__tests__/logout.spec.js
new file mode 100644
index 00000000..44e8edf8
--- /dev/null
+++ b/src/lib/navigation/__tests__/logout.spec.js
@@ -0,0 +1,37 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+
+import { walletStore } from "$lib/stores";
+
+import * as navigation from "..";
+
+vi.mock("$lib/stores/walletStore");
+
+describe("logout", () => {
+  const gotoSpy = vi.spyOn(navigation, "goto");
+
+  afterEach(() => {
+    gotoSpy.mockClear();
+    vi.mocked(walletStore.reset).mockClear();
+  });
+
+  afterAll(() => {
+    gotoSpy.mockRestore();
+    vi.doUnmock("$lib/stores/walletStore");
+  });
+
+  it("should reset the wallet store and redirect the user to the homepage, if the logout is not forced", async () => {
+    await navigation.logout(false);
+
+    expect(walletStore.reset).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/");
+  });
+
+  it("should redirect to `/forced-logout` if the logout is forced", async () => {
+    await navigation.logout(true);
+
+    expect(walletStore.reset).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/forced-logout");
+  });
+});
diff --git a/src/lib/navigation/__tests__/redirect.spec.js b/src/lib/navigation/__tests__/redirect.spec.js
new file mode 100644
index 00000000..abf723d7
--- /dev/null
+++ b/src/lib/navigation/__tests__/redirect.spec.js
@@ -0,0 +1,52 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { redirect as svelteKitRedirect } from "@sveltejs/kit";
+import { base } from "$app/paths";
+
+import { redirect } from "..";
+
+vi.mock("@sveltejs/kit");
+
+describe("redirect", () => {
+  const redirectMock = vi.mocked(svelteKitRedirect);
+
+  afterEach(() => {
+    redirectMock.mockClear();
+  });
+
+  afterAll(() => {
+    vi.doUnmock("@sveltejs/kit");
+  });
+
+  it("should add the defined base path to SvelteKit's `redirect` calls for absolute paths", () => {
+    expect.assertions(3);
+
+    redirect(300, "/");
+    redirect(301, "/foo/path");
+
+    expect(redirectMock).toHaveBeenCalledTimes(2);
+    expect(redirectMock).toHaveBeenNthCalledWith(1, 300, `${base}/`);
+    expect(redirectMock).toHaveBeenNthCalledWith(2, 301, `${base}/foo/path`);
+  });
+
+  it("should add nothing for relative paths and complete string URLs", () => {
+    expect.assertions(3);
+
+    redirect(300, "foo/bar");
+    redirect(300, "http://example.com/");
+
+    expect(redirectMock).toHaveBeenCalledTimes(2);
+    expect(redirectMock).toHaveBeenNthCalledWith(1, 300, "foo/bar");
+    expect(redirectMock).toHaveBeenNthCalledWith(2, 300, "http://example.com/");
+  });
+
+  it("should do nothing if the received path is an URL object", () => {
+    expect.assertions(2);
+
+    const url = new URL("http://www.example.com/");
+
+    redirect(300, url);
+
+    expect(redirectMock).toHaveBeenCalledTimes(1);
+    expect(redirectMock).toHaveBeenCalledWith(300, url);
+  });
+});
diff --git a/src/lib/navigation/addBasePath.js b/src/lib/navigation/addBasePath.js
new file mode 100644
index 00000000..39241e24
--- /dev/null
+++ b/src/lib/navigation/addBasePath.js
@@ -0,0 +1,10 @@
+import { base } from "$app/paths";
+
+/**
+ * @template {string | URL} T
+ * @param {T} path
+ */
+const addBasePath = (path) =>
+  path instanceof URL ? path : path.startsWith("/") ? `${base}${path}` : path;
+
+export default addBasePath;
diff --git a/src/lib/navigation/goto.js b/src/lib/navigation/goto.js
new file mode 100644
index 00000000..5bb95d3d
--- /dev/null
+++ b/src/lib/navigation/goto.js
@@ -0,0 +1,8 @@
+import { goto as svelteGoto } from "$app/navigation";
+
+import addBasePath from "./addBasePath";
+
+/** @type {(...args: Parameters<svelteGoto>) => ReturnType<svelteGoto>} */
+const goto = (url, ...rest) => svelteGoto(addBasePath(url), ...rest);
+
+export default goto;
diff --git a/src/lib/navigation/index.js b/src/lib/navigation/index.js
new file mode 100644
index 00000000..0de4b3e2
--- /dev/null
+++ b/src/lib/navigation/index.js
@@ -0,0 +1,4 @@
+export { default as logout } from "./logout";
+export { default as addBasePath } from "./addBasePath";
+export { default as goto } from "./goto";
+export { default as redirect } from "./redirect";
diff --git a/src/lib/navigation/logout.js b/src/lib/navigation/logout.js
new file mode 100644
index 00000000..a110c3b7
--- /dev/null
+++ b/src/lib/navigation/logout.js
@@ -0,0 +1,18 @@
+import { goto } from "$lib/navigation";
+import { walletStore } from "$lib/stores";
+
+/**
+ * Logs out the user.
+ * If `isForced` is set to `true`, a querystring
+ * parameter is added to instruct the home page
+ * to add an explanation about the forced logout.
+ *
+ * @param {boolean} isForced
+ * @returns {ReturnType<goto>}
+ */
+const logout = async (isForced) => {
+  walletStore.reset();
+  return goto(`/${isForced ? "forced-logout" : ""}`);
+};
+
+export default logout;
diff --git a/src/lib/navigation/redirect.js b/src/lib/navigation/redirect.js
new file mode 100644
index 00000000..71e7a09b
--- /dev/null
+++ b/src/lib/navigation/redirect.js
@@ -0,0 +1,12 @@
+import { redirect as svelteKitRedirect } from "@sveltejs/kit";
+
+import addBasePath from "./addBasePath";
+
+/**
+ * @param {Parameters<svelteKitRedirect>[0]} status
+ * @param {Parameters<svelteKitRedirect>[1]} path
+ * @returns {ReturnType<svelteKitRedirect>}
+ */
+const redirect = (status, path) => svelteKitRedirect(status, addBasePath(path));
+
+export default redirect;
diff --git a/src/lib/security/__tests_/addressBlocklist.spec.js b/src/lib/security/__tests_/addressBlocklist.spec.js
new file mode 100644
index 00000000..fec34786
--- /dev/null
+++ b/src/lib/security/__tests_/addressBlocklist.spec.js
@@ -0,0 +1,16 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  DEFAULT_BLOCKLISTED_ADDRESSES,
+  getBlocklistedRecipient,
+} from "../addressBlocklist";
+
+describe("addressBlocklist", () => {
+  it("should match the default blocklisted recipients", () => {
+    for (const entry of DEFAULT_BLOCKLISTED_ADDRESSES) {
+      expect(getBlocklistedRecipient(entry.address)).toMatchObject({
+        address: entry.address,
+      });
+    }
+  });
+});
diff --git a/src/lib/security/addressBlocklist.js b/src/lib/security/addressBlocklist.js
new file mode 100644
index 00000000..27d5e2ab
--- /dev/null
+++ b/src/lib/security/addressBlocklist.js
@@ -0,0 +1,84 @@
+/**
+ * Recipient address blocklist.
+ *
+ * IMPORTANT:
+ * - This is a client-side safety mechanism.
+ * - It cannot prevent transfers from other wallets or direct chain interaction.
+ *
+ * @typedef {{
+ *   address: string;
+ *   reason: string;
+ * }} BlocklistedAddress
+ */
+
+/**
+ * Hardcoded/default blocklist.
+ *
+ * Add known compromised recipients here.
+ *
+ * @type {BlocklistedAddress[]}
+ */
+export const DEFAULT_BLOCKLISTED_ADDRESSES = [
+  {
+    address:
+      "mFqH6RVxCoWQfjQ23H9YVr8JhQ697M5DD4ob76kcuoEYqqYA6H9cxHrxjvnZ6z4PQKsBd3PBpRYLN9M3FgkQQVywREzkzgeme4ersJgLaxYaQzZSAzkd1QBJ4ByTe9NrhXp",
+    reason:
+      "Transfer restricted: this recipient address has been reported as compromised.",
+  },
+  {
+    address:
+      "25kt7vYP5JNJ1vborhco4dJBFfdHsFrS8oBsPZ6Q2wWmE6FYwahaE1heg8HSgc8C6KwHxpm19WxrgCuCtBDBfTJD6WNLi8jMqC2nkz6dEE3oepoMLsEYQnopTi5oPzfr7wGk",
+    reason:
+      "Transfer restricted: this recipient address is associated with reported fraud/scam activity.",
+  },
+];
+
+/** @type {Map<string, BlocklistedAddress>} */
+const BLOCKLIST_MAP = (() => {
+  const map = new Map();
+
+  for (const entry of DEFAULT_BLOCKLISTED_ADDRESSES) {
+    const key = entry.address.trim();
+    if (!key) continue;
+
+    // Prefer the first entry.
+    if (!map.has(key)) {
+      map.set(key, entry);
+    }
+  }
+
+  return map;
+})();
+
+/**
+ * @returns {Map<string, BlocklistedAddress>}
+ */
+export function getRecipientBlocklist() {
+  return BLOCKLIST_MAP;
+}
+
+/**
+ * @param {string} address
+ * @returns {BlocklistedAddress | undefined}
+ */
+export function getBlocklistedRecipient(address) {
+  if (typeof address !== "string") {
+    return undefined;
+  }
+
+  const key = address.trim();
+
+  if (!key) {
+    return undefined;
+  }
+
+  return BLOCKLIST_MAP.get(key);
+}
+
+/**
+ * @param {string} address
+ * @returns {boolean}
+ */
+export function isRecipientBlocklisted(address) {
+  return Boolean(getBlocklistedRecipient(address));
+}
diff --git a/src/lib/services/contract/index.js b/src/lib/services/contract/index.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/lib/services/loginInfoStorage/__tests__/index.spec.js b/src/lib/services/loginInfoStorage/__tests__/index.spec.js
index dc64dd83..7ba62c56 100644
--- a/src/lib/services/loginInfoStorage/__tests__/index.spec.js
+++ b/src/lib/services/loginInfoStorage/__tests__/index.spec.js
@@ -1,65 +1,59 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
-import {
-	isNull,
-	mapValuesWith,
-	unless
-} from "lamb";
+import { afterEach, describe, expect, it } from "vitest";
+import { isNull, mapValuesWith, unless } from "lamb";
 
 import { bytesToBase64 } from "$lib/dusk/base64";
 
 import loginInfoStorage from "..";
 
 describe("loginInfoStorage", () => {
-	const storeKey = `${CONFIG.LOCAL_STORAGE_APP_KEY}-login`;
-	const valuesToArray = unless(isNull, mapValuesWith(v => [...v]));
-	const valuesToBase64 = mapValuesWith(bytesToBase64);
-	const loginInfo = {
-		data: new TextEncoder().encode("some string"),
-		iv: Uint8Array.of(1, 2, 3, 4),
-		salt: Uint8Array.of(5, 6, 7, 8)
-	};
-	const storedInfo = JSON.stringify(valuesToBase64(loginInfo));
-
-	afterEach(() => {
-		localStorage.clear();
-	});
-
-	it("should expose a method to retrieve the login info from local storage and convert back its values to Uint8Array", () => {
-		localStorage.setItem(storeKey, storedInfo);
-
-		const result = loginInfoStorage.get();
-
-		expect(result).toMatchObject({
-			data: expect.any(Uint8Array),
-			iv: expect.any(Uint8Array),
-			salt: expect.any(Uint8Array)
-		});
-
-		// The `toStrictEqual` matcher doesn't play well with typed arrays in this case
-		expect(valuesToArray(result)).toStrictEqual(valuesToArray(loginInfo));
-	});
-
-	it("should return `null` if there is no login info stored", () => {
-		expect(loginInfoStorage.get()).toBeNull();
-	});
-
-	it("should expose a method to remove the login info from the local storage", () => {
-		localStorage.setItem(storeKey, storedInfo);
-		loginInfoStorage.remove();
-
-		expect(localStorage.getItem(storeKey)).toBeNull();
-	});
-
-	it("should expose a method to set the login info and convert its values to base64 before serialization", () => {
-		loginInfoStorage.set(loginInfo);
-
-		const stored = localStorage.getItem(storeKey);
-
-		expect(stored).toBe(storedInfo);
-	});
+  const storeKey = `${CONFIG.LOCAL_STORAGE_APP_KEY}-login`;
+  const valuesToArray = unless(
+    isNull,
+    mapValuesWith((v) => [...v])
+  );
+  const valuesToBase64 = mapValuesWith(bytesToBase64);
+  const loginInfo = {
+    data: new TextEncoder().encode("some string"),
+    iv: Uint8Array.of(1, 2, 3, 4),
+    salt: Uint8Array.of(5, 6, 7, 8),
+  };
+  const storedInfo = JSON.stringify(valuesToBase64(loginInfo));
+
+  afterEach(() => {
+    localStorage.clear();
+  });
+
+  it("should expose a method to retrieve the login info from local storage and convert back its values to Uint8Array", () => {
+    localStorage.setItem(storeKey, storedInfo);
+
+    const result = loginInfoStorage.get();
+
+    expect(result).toMatchObject({
+      data: expect.any(Uint8Array),
+      iv: expect.any(Uint8Array),
+      salt: expect.any(Uint8Array),
+    });
+
+    // The `toStrictEqual` matcher doesn't play well with typed arrays in this case
+    expect(valuesToArray(result)).toStrictEqual(valuesToArray(loginInfo));
+  });
+
+  it("should return `null` if there is no login info stored", () => {
+    expect(loginInfoStorage.get()).toBeNull();
+  });
+
+  it("should expose a method to remove the login info from the local storage", () => {
+    localStorage.setItem(storeKey, storedInfo);
+    loginInfoStorage.remove();
+
+    expect(localStorage.getItem(storeKey)).toBeNull();
+  });
+
+  it("should expose a method to set the login info and convert its values to base64 before serialization", () => {
+    loginInfoStorage.set(loginInfo);
+
+    const stored = localStorage.getItem(storeKey);
+
+    expect(stored).toBe(storedInfo);
+  });
 });
diff --git a/src/lib/services/loginInfoStorage/index.js b/src/lib/services/loginInfoStorage/index.js
index 79f7f324..568317af 100644
--- a/src/lib/services/loginInfoStorage/index.js
+++ b/src/lib/services/loginInfoStorage/index.js
@@ -1,33 +1,28 @@
-import {
-	compose,
-	isNull,
-	mapValuesWith,
-	unless
-} from "lamb";
+import { compose, isNull, mapValuesWith, unless } from "lamb";
 
-import { base64ToBytes,	bytesToBase64 } from "$lib/dusk/base64";
+import { base64ToBytes, bytesToBase64 } from "$lib/dusk/base64";
 
 const storeKey = `${CONFIG.LOCAL_STORAGE_APP_KEY}-login`;
 const fromStorageString = unless(
-	isNull,
-	compose(mapValuesWith(base64ToBytes), JSON.parse)
+  isNull,
+  compose(mapValuesWith(base64ToBytes), JSON.parse)
 );
 const toStorageString = compose(JSON.stringify, mapValuesWith(bytesToBase64));
 
 const loginInfoStorage = {
-	/** @returns {MnemonicEncryptInfo | null} */
-	get () {
-		return fromStorageString(localStorage.getItem(storeKey));
-	},
+  /** @returns {WalletEncryptInfo | null} */
+  get() {
+    return fromStorageString(localStorage.getItem(storeKey));
+  },
 
-	remove () {
-		localStorage.removeItem(storeKey);
-	},
+  remove() {
+    localStorage.removeItem(storeKey);
+  },
 
-	/** @param {MnemonicEncryptInfo} info */
-	set (info) {
-		localStorage.setItem(storeKey, toStorageString(info));
-	}
+  /** @param {WalletEncryptInfo} info */
+  set(info) {
+    localStorage.setItem(storeKey, toStorageString(info));
+  },
 };
 
 export default loginInfoStorage;
diff --git a/src/lib/services/wallet/__tests__/getWallet.spec.js b/src/lib/services/wallet/__tests__/getWallet.spec.js
deleted file mode 100644
index b1776a90..00000000
--- a/src/lib/services/wallet/__tests__/getWallet.spec.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import {
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import { enumerables } from "lamb";
-import { generateMnemonic } from "bip39";
-
-import { getSeedFromMnemonic } from "$lib/wallet";
-
-import { getWallet } from "..";
-
-vi.unmock("@dusk-network/dusk-wallet-js");
-
-describe("getWallet", () => {
-	it("should get a Wallet instance using a seed", async () => {
-		const mnemonic = generateMnemonic();
-		const seed = getSeedFromMnemonic(mnemonic);
-		const wallet = await getWallet(seed);
-
-		expect(enumerables(wallet)).toMatchInlineSnapshot(`
-			[
-			  "wasm",
-			  "seed",
-			  "gasLimit",
-			  "gasPrice",
-			  "getBalance",
-			  "getPsks",
-			  "sync",
-			  "transfer",
-			  "stake",
-			  "stakeInfo",
-			  "unstake",
-			  "stakeAllow",
-			  "withdrawReward",
-			  "history",
-			  "reset",
-			]
-		`);
-	});
-});
diff --git a/src/lib/services/wallet/getWallet.js b/src/lib/services/wallet/getWallet.js
deleted file mode 100644
index 302f9886..00000000
--- a/src/lib/services/wallet/getWallet.js
+++ /dev/null
@@ -1,14 +0,0 @@
-
-import { Wallet } from "@dusk-network/dusk-wallet-js";
-
-/**
- * Gets a `Wallet` instance.
- * @param {Uint8Array} seed
- * @param {Number} [gasLimit=2900000000]
- * @param {Number} [gasPrice=1]
- * @returns {Wallet}
- */
-
-const getWallet = (seed, gasLimit, gasPrice) => new Wallet(Array.from(seed), gasLimit, gasPrice);
-
-export default getWallet;
diff --git a/src/lib/services/wallet/index.js b/src/lib/services/wallet/index.js
deleted file mode 100644
index 822e74dc..00000000
--- a/src/lib/services/wallet/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as getWallet } from "./getWallet";
diff --git a/src/lib/stores/__tests__/networkStore.spec.js b/src/lib/stores/__tests__/networkStore.spec.js
new file mode 100644
index 00000000..0f75072c
--- /dev/null
+++ b/src/lib/stores/__tests__/networkStore.spec.js
@@ -0,0 +1,210 @@
+import {
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { get } from "svelte/store";
+
+import { AccountSyncer, AddressSyncer, Network } from "@dusk/w3sper";
+
+describe("Network store", async () => {
+  const blockHeight = 999_888_777n;
+  const connectSpy = vi.spyOn(Network.prototype, "connect");
+  const disconnectSpy = vi.spyOn(Network.prototype, "disconnect");
+  const blockHeightSpy = vi
+    .spyOn(Network.prototype, "blockHeight", "get")
+    .mockResolvedValue(blockHeight);
+  const networkQuerySpy = vi.spyOn(Network.prototype, "query");
+
+  afterEach(() => {
+    connectSpy.mockClear();
+    disconnectSpy.mockClear();
+    networkQuerySpy.mockClear();
+  });
+
+  afterAll(() => {
+    connectSpy.mockRestore();
+    disconnectSpy.mockRestore();
+    blockHeightSpy.mockRestore();
+    networkQuerySpy.mockRestore();
+  });
+
+  it("should build the network with the correct URL and expose a name for it", async () => {
+    let network;
+    let store;
+
+    store = (await import("..")).networkStore;
+    network = await store.connect();
+
+    expect(network.url).toStrictEqual(new URL("https://localhost"));
+
+    vi.resetModules();
+
+    /** @type {Record<string, string>} */
+    const matches = {
+      "https://devnet.nodes.dusk.network/": "Devnet",
+      "https://nodes.dusk.network/": "Mainnet",
+      "https://testnet.nodes.dusk.network/": "Testnet",
+    };
+
+    for (const match of Object.keys(matches)) {
+      vi.stubEnv("VITE_NODE_URL", match);
+
+      store = (await import("..")).networkStore;
+      network = await store.connect();
+
+      expect(network.url).toStrictEqual(new URL(match));
+      vi.resetModules();
+    }
+
+    vi.unstubAllEnvs();
+  });
+
+  it("should expose a method to connect to the network and update the store's connection status", async () => {
+    const store = (await import("..")).networkStore;
+
+    expect(connectSpy).not.toHaveBeenCalled();
+
+    const network = await store.connect();
+
+    expect(connectSpy).toHaveBeenCalledTimes(1);
+    expect(get(store).connected).toBe(true);
+    expect(network).toBeInstanceOf(Network);
+  });
+
+  describe("Connection and disconnection", () => {
+    it("should expose a method to disconnect from the network and update the store's connection status", async () => {
+      const store = (await import("..")).networkStore;
+
+      await store.connect();
+
+      expect(get(store).connected).toBe(true);
+
+      await store.disconnect();
+
+      expect(disconnectSpy).toHaveBeenCalledTimes(1);
+      expect(get(store).connected).toBe(false);
+    });
+
+    it("should not try to connect again to the network if it's already connected", async () => {
+      const store = (await import("..")).networkStore;
+
+      const network = await store.connect();
+
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+      expect(get(store).connected).toBe(true);
+
+      connectSpy.mockClear();
+
+      const network2 = await store.connect();
+
+      expect(network2).toBe(network);
+      expect(connectSpy).not.toHaveBeenCalled();
+      expect(get(store).connected).toBe(true);
+    });
+  });
+
+  describe("Service methods", () => {
+    /** @type {NetworkStore} */
+    let store;
+
+    beforeEach(async () => {
+      store = (await import("..")).networkStore;
+
+      // we check that every service method takes
+      // care of connecting to the network when necessary
+      await store.disconnect();
+
+      expect(get(store).connected).toBe(false);
+    });
+
+    it("should expose a service method to check if a block with the given height and hash exists on the network", async () => {
+      networkQuerySpy
+        .mockResolvedValueOnce({ checkBlock: true })
+        .mockResolvedValueOnce({ checkBlock: false });
+
+      await expect(store.checkBlock(12n, "some-hash")).resolves.toBe(true);
+      await expect(store.checkBlock(12n, "some-hash")).resolves.toBe(false);
+
+      // check that the cached network is used
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it("should expose a service method to retrieve a `AccountSyncer` for the network", async () => {
+      connectSpy.mockClear();
+
+      const syncer = await store.getAccountSyncer();
+
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+      expect(syncer).toBeInstanceOf(AccountSyncer);
+
+      // check that the cached network is used
+      await store.getAccountSyncer();
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+      expect(syncer).toBeInstanceOf(AccountSyncer);
+    });
+
+    it("should expose a service method to retrieve a `AddressSyncer` for the network", async () => {
+      connectSpy.mockClear();
+
+      const syncer = await store.getAddressSyncer();
+
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+      expect(syncer).toBeInstanceOf(AddressSyncer);
+
+      // check that the cached network is used
+      await store.getAddressSyncer();
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+      expect(syncer).toBeInstanceOf(AddressSyncer);
+    });
+
+    it("should expose a method to retrieve a block hash by its height and return an empty string if the block is not found", async () => {
+      const expectedHash = "some-block-hash";
+
+      networkQuerySpy.mockResolvedValueOnce({
+        block: { header: { hash: expectedHash } },
+      });
+
+      await expect(store.getBlockHashByHeight(123n)).resolves.toStrictEqual(
+        expectedHash
+      );
+
+      networkQuerySpy.mockResolvedValueOnce({ block: null });
+
+      await expect(store.getBlockHashByHeight(123n)).resolves.toBe("");
+
+      // check that the cached network is used
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it("should expose a service method to retrieve the current block height", async () => {
+      await expect(store.getCurrentBlockHeight()).resolves.toBe(blockHeight);
+    });
+
+    it("should expose a method to retrieve the last finalized block height and return `0n` if the block is not found", async () => {
+      const height = 123;
+
+      networkQuerySpy.mockResolvedValueOnce({
+        lastBlockPair: {
+          // eslint-disable-next-line camelcase
+          json: { last_finalized_block: [height, "some-block-hash"] },
+        },
+      });
+
+      await expect(store.getLastFinalizedBlockHeight()).resolves.toStrictEqual(
+        BigInt(height)
+      );
+
+      networkQuerySpy.mockResolvedValueOnce({ lastBlockPair: null });
+
+      await expect(store.getLastFinalizedBlockHeight()).resolves.toBe(0n);
+
+      // check that the cached network is used
+      expect(connectSpy).toHaveBeenCalledTimes(1);
+    });
+  });
+});
diff --git a/src/lib/stores/__tests__/settingsStore.spec.js b/src/lib/stores/__tests__/settingsStore.spec.js
new file mode 100644
index 00000000..68969946
--- /dev/null
+++ b/src/lib/stores/__tests__/settingsStore.spec.js
@@ -0,0 +1,213 @@
+import {
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { get } from "svelte/store";
+
+describe("Settings store", () => {
+  const languageSpy = vi
+    .spyOn(navigator, "language", "get")
+    .mockReturnValue("it-IT");
+
+  const originalMatchMedia = window.matchMedia;
+
+  Object.defineProperty(window, "matchMedia", {
+    /** @param {MediaQueryList} query */
+    value: (query) => ({
+      addEventListener: () => {},
+      dispatchEvent: () => {},
+      matches: true,
+      media: query,
+      onchange: null,
+      removeEventListener: () => {},
+    }),
+    writable: true,
+  });
+
+  /** @type {SettingsStore} */
+  let settingsStore;
+
+  /** @type {SettingsStoreContent} */
+  let settingsStoreContent;
+
+  /**
+   * Function to serialize an object containing BigInt values.
+   * Converts BigInt values to strings with an 'n' suffix.
+   *
+   * @type {(value: any) => string}
+   */
+  let serializeProperty;
+
+  /**
+   * Function to deserialize a JSON string with BigInt values in string format.
+   * Converts strings with an 'n' suffix back to BigInt values.
+   *
+   * @type {(value: string) => any}
+   */
+  let deserializeProperty;
+
+  beforeEach(async () => {
+    vi.resetModules();
+    const settingsStoreModule = await import("../settingsStore");
+    settingsStore = settingsStoreModule.default;
+    settingsStoreContent = get(settingsStore);
+    serializeProperty = settingsStoreModule.serializeProperty;
+    deserializeProperty = settingsStoreModule.deserializeProperty;
+  });
+
+  afterAll(() => {
+    languageSpy.mockRestore();
+
+    window.matchMedia = originalMatchMedia;
+  });
+
+  describe("In a browser environment", () => {
+    vi.doMock("$app/environment", async (importOriginal) => {
+      /** @type {typeof import("$app/environment")} */
+      const original = await importOriginal();
+
+      return {
+        ...original,
+        browser: true,
+      };
+    });
+
+    afterEach(() => {
+      localStorage.clear();
+    });
+
+    afterAll(() => {
+      vi.doUnmock("$app/environment");
+    });
+
+    it("should get the browser's settings for dark mode and language and use them along the other defaults", async () => {
+      expect(settingsStoreContent.language).toBe("it-IT");
+      expect(settingsStoreContent.darkMode).toBe(true);
+    });
+
+    it("should persist its values in local storage", async () => {
+      settingsStore.update((store) => ({
+        ...store,
+        darkMode: false,
+      }));
+
+      const localStorageSettings = JSON.parse(
+        // @ts-expect-error
+        localStorage.getItem(`${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`)
+      );
+
+      const expectedSettings = {
+        ...settingsStoreContent,
+        darkMode: false,
+        gasLimit: `${settingsStoreContent.gasLimit}n`,
+        gasPrice: `${settingsStoreContent.gasPrice}n`,
+        walletCreationBlockHeight: "0n",
+      };
+
+      expect(localStorageSettings).toStrictEqual(expectedSettings);
+    });
+
+    it("should expose a method to reset the store to its initial state", () => {
+      const newState = {
+        ...settingsStoreContent,
+        darkMode: false,
+        foo: "bar",
+      };
+
+      settingsStore.set(newState);
+
+      expect(get(settingsStore)).toBe(newState);
+
+      settingsStore.reset();
+
+      expect(get(settingsStore)).toBe(settingsStoreContent);
+    });
+
+    it("should expose a method to reset the gas settings to their defaults", () => {
+      const newStateWithoutGas = {
+        currency: "FAKE CURRENCY",
+        darkMode: !settingsStoreContent.darkMode,
+        dashboardTransactionLimit:
+          settingsStoreContent.dashboardTransactionLimit + 1,
+        hideStakingNotice: !settingsStoreContent.hideStakingNotice,
+        language: "FAKE LANGUAGE",
+        userId: "FAKE USER ID",
+        walletCreationBlockHeight: 123n,
+      };
+      const newState = {
+        ...newStateWithoutGas,
+        gasLimit: settingsStoreContent.gasLimit * 2n,
+        gasPrice: settingsStoreContent.gasPrice * 15n,
+      };
+      const expectedState = {
+        ...settingsStoreContent,
+        ...newStateWithoutGas,
+      };
+
+      settingsStore.set(newState);
+
+      expect(get(settingsStore)).toBe(newState);
+
+      settingsStore.resetGasSettings();
+
+      expect(get(settingsStore)).toStrictEqual(expectedState);
+      expect(
+        JSON.parse(
+          // @ts-ignore
+          localStorage.getItem(`${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`)
+        )
+      ).toStrictEqual({
+        ...expectedState,
+        gasLimit: `${expectedState.gasLimit}n`,
+        gasPrice: `${expectedState.gasPrice}n`,
+        walletCreationBlockHeight: "123n",
+      });
+    });
+  });
+
+  describe("In a non browser environment", () => {
+    it("should use its own defaults in place of the browser's settings", () => {
+      expect(settingsStoreContent.language).toBe("en");
+      expect(settingsStoreContent.darkMode).toBe(false);
+    });
+  });
+
+  describe("BigInt serialization and deserialization", () => {
+    it("should serialize BigInt values correctly", () => {
+      const objWithBigInt = {
+        gasLimit: BigInt(1000000000),
+        gasPrice: BigInt(2000000000),
+      };
+
+      const serialized = serializeProperty(objWithBigInt);
+
+      const expectedSerialized = JSON.stringify({
+        gasLimit: "1000000000n",
+        gasPrice: "2000000000n",
+      });
+
+      expect(serialized).toBe(expectedSerialized);
+    });
+
+    it("should deserialize BigInt values correctly", () => {
+      const serialized = JSON.stringify({
+        gasLimit: "1000000000n",
+        gasPrice: "2000000000n",
+      });
+
+      const deserialized = deserializeProperty(serialized);
+
+      const expectedDeserialized = {
+        gasLimit: BigInt(1000000000),
+        gasPrice: BigInt(2000000000),
+      };
+
+      expect(deserialized).toStrictEqual(expectedDeserialized);
+    });
+  });
+});
diff --git a/src/lib/stores/__tests__/walletStore.spec.js b/src/lib/stores/__tests__/walletStore.spec.js
index 5d422dfa..a2842f84 100644
--- a/src/lib/stores/__tests__/walletStore.spec.js
+++ b/src/lib/stores/__tests__/walletStore.spec.js
@@ -1,429 +1,733 @@
 import {
-	afterAll,
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
 import { get } from "svelte/store";
-import { keys } from "lamb";
-import { Wallet } from "@dusk-network/dusk-wallet-js";
-
-import { addresses, transactions } from "$lib/mock-data";
-
-import { settingsStore, walletStore } from "..";
-
-vi.useFakeTimers();
-
-describe("walletStore", async () => {
-	const balance = { maximum: 100, value: 1 };
-	const wallet = new Wallet([]);
-
-	const getBalanceSpy = vi.spyOn(Wallet.prototype, "getBalance").mockResolvedValue(balance);
-	const getPsksSpy = vi.spyOn(Wallet.prototype, "getPsks").mockReturnValue(addresses);
-	const historySpy = vi.spyOn(Wallet.prototype, "history").mockResolvedValue(transactions);
-	const resetSpy = vi.spyOn(Wallet.prototype, "reset").mockResolvedValue(void 0);
-	const stakeInfoSpy = vi.spyOn(Wallet.prototype, "stakeInfo").mockResolvedValue({});
-	const stakeSpy = vi.spyOn(Wallet.prototype, "stake").mockResolvedValue(void 0);
-	const syncSpy = vi.spyOn(Wallet.prototype, "sync").mockResolvedValue(void 0);
-	const transferSpy = vi.spyOn(Wallet.prototype, "transfer").mockResolvedValue(void 0);
-	const unstakeSpy = vi.spyOn(Wallet.prototype, "unstake").mockResolvedValue(void 0);
-	const withdrawRewardSpy = vi.spyOn(Wallet.prototype, "withdrawReward").mockResolvedValue(void 0);
-
-	const initialState = {
-		balance: {
-			maximum: 0,
-			value: 0
-		},
-		currentAddress: "",
-		error: null,
-		initialized: false,
-		isSyncing: false,
-		addresses: []
-	};
-	const initializedStore = {
-		...initialState,
-		balance,
-		currentAddress: addresses[0],
-		initialized: true,
-		addresses: addresses
-	};
-
-	afterEach(() => {
-		getBalanceSpy.mockClear();
-		getPsksSpy.mockClear();
-		historySpy.mockClear();
-		resetSpy.mockClear();
-		stakeInfoSpy.mockClear();
-		stakeSpy.mockClear();
-		syncSpy.mockClear();
-		transferSpy.mockClear();
-		unstakeSpy.mockClear();
-		withdrawRewardSpy.mockClear();
-	});
-
-	afterAll(() => {
-		getBalanceSpy.mockRestore();
-		getPsksSpy.mockRestore();
-		historySpy.mockRestore();
-		resetSpy.mockRestore();
-		stakeInfoSpy.mockRestore();
-		stakeSpy.mockRestore();
-		syncSpy.mockRestore();
-		transferSpy.mockRestore();
-		unstakeSpy.mockRestore();
-		withdrawRewardSpy.mockRestore();
-	});
-
-	describe("Initialization and sync", () => {
-		it("should expose a `reset` method to bring back the store to its initial state", async () => {
-			await walletStore.init(wallet);
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(get(walletStore)).toStrictEqual(initializedStore);
-
-			walletStore.reset();
-
-			expect(get(walletStore)).toStrictEqual(initialState);
-		});
-
-		it("should expose a method to initialize the store with a Wallet instance", async () => {
-			await walletStore.init(wallet);
-
-			expect(get(walletStore)).toStrictEqual({
-				...initialState,
-				currentAddress: addresses[0],
-				error: null,
-				initialized: true,
-				isSyncing: true,
-				addresses: addresses
-			});
-			expect(getPsksSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).not.toHaveBeenCalled();
-
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).toHaveBeenCalledWith(addresses[0]);
-			expect(get(walletStore)).toStrictEqual(initializedStore);
-		});
-
-		it("should set the gas settings of the wallet based on the settings store values, and update them when they change", async () => {
-			const { gasLimit, gasPrice, ...rest } = get(settingsStore);
-			const newLimit = gasLimit * 3;
-			const newPrice = gasPrice * 3;
-
-			await walletStore.init(wallet);
-
-			expect(wallet.gasLimit).toBe(gasLimit);
-			expect(wallet.gasPrice).toBe(gasPrice);
-
-			settingsStore.set({
-				...rest,
-				gasLimit: newLimit,
-				gasPrice: newPrice
-			});
-
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(wallet.gasLimit).toBe(newLimit);
-			expect(wallet.gasPrice).toBe(newPrice);
-		});
-
-		it("should set the sync error in the store if the sync fails", async () => {
-			walletStore.reset();
-
-			const storeWhileLoading = {
-				...initialState,
-				currentAddress: addresses[0],
-				error: null,
-				initialized: true,
-				isSyncing: true,
-				addresses: addresses
-			};
-			const error = new Error("sync failed");
-
-			syncSpy.mockRejectedValueOnce(error);
-
-			await walletStore.init(wallet);
-
-			expect(get(walletStore)).toStrictEqual(storeWhileLoading);
-			expect(getPsksSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).not.toHaveBeenCalled();
-
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).not.toHaveBeenCalled();
-			expect(get(walletStore)).toStrictEqual({
-				...storeWhileLoading,
-				error,
-				isSyncing: false
-			});
-
-			walletStore.reset();
-		});
-
-		it("should throw an error when the synchronization is called without initializing the store first", async () => {
-			walletStore.reset();
-
-			expect(() => walletStore.sync()).toThrow();
-		});
-
-		it("should return the pending sync promise if a sync is called while another one is in progress", async () => {
-			walletStore.reset();
-
-			await walletStore.init(wallet);
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-
-			syncSpy.mockClear();
-
-			const syncPromise1 = walletStore.sync();
-			const syncPromise2 = walletStore.sync();
-			const syncPromise3 = walletStore.sync();
-
-			expect(syncPromise1).toBe(syncPromise2);
-			expect(syncPromise1).toBe(syncPromise3);
-
-			await syncPromise1;
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-
-			const syncPromise4 = walletStore.sync();
-
-			expect(syncPromise1).not.toBe(syncPromise4);
-			expect(syncSpy).toHaveBeenCalledTimes(2);
-
-			await syncPromise4;
-
-			walletStore.reset();
-		});
-	});
-
-	describe("Wallet store services", () => {
-		const currentAddress = addresses[0];
-
-		afterEach(() => {
-			walletStore.reset();
-		});
-
-		beforeEach(async () => {
-			await walletStore.init(wallet);
-			await vi.advanceTimersToNextTimerAsync();
-
-			syncSpy.mockClear();
-		});
-
-		it("should expose a method to clear local data", async () => {
-			await walletStore.clearLocalData();
-
-			expect(resetSpy).toHaveBeenCalledTimes(1);
-		});
-
-		it("should expose a method to clear local data and then init the wallet", async () => {
-			getPsksSpy.mockClear();
-			getBalanceSpy.mockClear();
-			syncSpy.mockClear();
-			walletStore.reset();
-
-			await walletStore.clearLocalDataAndInit(wallet);
-
-			expect(get(walletStore)).toStrictEqual({
-				...initialState,
-				currentAddress: addresses[0],
-				error: null,
-				initialized: true,
-				isSyncing: true,
-				addresses: addresses
-			});
-			expect(getPsksSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).toHaveBeenCalledTimes(1);
-			expect(getBalanceSpy).toHaveBeenCalledWith(addresses[0]);
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(get(walletStore)).toStrictEqual(initializedStore);
-		});
-
-		it("should expose a method to retrieve the stake info", async () => {
-			await walletStore.getStakeInfo();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
-			expect(stakeInfoSpy).toHaveBeenCalledWith(currentAddress);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(stakeInfoSpy.mock.invocationCallOrder[0]);
-		});
-
-		it("should fix the returned stake info by adding the amount and the reward if they are missing", async () => {
-			stakeInfoSpy.mockResolvedValueOnce({
-				"has_key": false,
-				"has_staked": false
-			});
-
-			const expected = {
-				"amount": 0,
-				"has_key": false,
-				"has_staked": false,
-				"reward": 0
-			};
-			const result = await walletStore.getStakeInfo();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
-			expect(stakeInfoSpy).toHaveBeenCalledWith(currentAddress);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(stakeInfoSpy.mock.invocationCallOrder[0]);
-			expect(result).toStrictEqual(expected);
-		});
-
-		it("should expose a method to retrieve the transaction history", async () => {
-			await walletStore.getTransactionsHistory();
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(historySpy).toHaveBeenCalledTimes(1);
-			expect(historySpy).toHaveBeenCalledWith(currentAddress);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(historySpy.mock.invocationCallOrder[0]);
-		});
-
-		it("should remove eventual duplicate transactions from the list", async () => {
-			historySpy.mockResolvedValueOnce(transactions.concat(transactions));
-
-			const result = await walletStore.getTransactionsHistory();
-
-			expect(result).toStrictEqual(transactions);
-		});
-
-		it("should expose a method to set the current address", async () => {
-			const setCurrentAddressSpy = vi.spyOn(walletStore, "setCurrentAddress");
-
-			await walletStore.setCurrentAddress(addresses[1]);
-
-			expect(syncSpy).toHaveBeenCalledTimes(1);
-			expect(get(walletStore).currentAddress).toBe(addresses[1]);
-			expect(setCurrentAddressSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(syncSpy.mock.invocationCallOrder[0]);
-
-			setCurrentAddressSpy.mockRestore();
-		});
-
-		it("should return a rejected promise if the new address is not in the list", () => {
-			expect(walletStore.setCurrentAddress("foo bar")).rejects.toThrow();
-
-			expect(syncSpy).not.toHaveBeenCalled();
-			expect(get(walletStore).currentAddress).toBe(currentAddress);
-		});
-
-		it("should expose a method to allow to stake an amount of Dusk", async () => {
-			await walletStore.stake(10);
-
-			expect(syncSpy).toHaveBeenCalledTimes(2);
-			expect(stakeSpy).toHaveBeenCalledTimes(1);
-			expect(stakeSpy).toHaveBeenCalledWith(currentAddress, 10);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(stakeSpy.mock.invocationCallOrder[0]);
-			expect(syncSpy.mock.invocationCallOrder[1])
-				.toBeGreaterThan(stakeSpy.mock.invocationCallOrder[0]);
-		});
-
-		it("should expose a method to allow to transfer an amount of Dusk", async () => {
-			await walletStore.transfer(addresses[1], 10);
-
-			expect(syncSpy).toHaveBeenCalledTimes(2);
-			expect(transferSpy).toHaveBeenCalledTimes(1);
-			expect(transferSpy).toHaveBeenCalledWith(currentAddress, addresses[1], 10);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(transferSpy.mock.invocationCallOrder[0]);
-			expect(syncSpy.mock.invocationCallOrder[1])
-				.toBeGreaterThan(transferSpy.mock.invocationCallOrder[0]);
-		});
-
-		it("should expose a method to allow to unstake the current address", async () => {
-			await walletStore.unstake();
-
-			expect(syncSpy).toHaveBeenCalledTimes(2);
-			expect(unstakeSpy).toHaveBeenCalledTimes(1);
-			expect(unstakeSpy).toHaveBeenCalledWith(currentAddress);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(unstakeSpy.mock.invocationCallOrder[0]);
-			expect(syncSpy.mock.invocationCallOrder[1])
-				.toBeGreaterThan(unstakeSpy.mock.invocationCallOrder[0]);
-		});
-
-		it("should expose a method to allow to withdraw a reward", async () => {
-			await walletStore.withdrawReward();
-
-			expect(syncSpy).toHaveBeenCalledTimes(2);
-			expect(withdrawRewardSpy).toHaveBeenCalledTimes(1);
-			expect(withdrawRewardSpy).toHaveBeenCalledWith(currentAddress);
-			expect(syncSpy.mock.invocationCallOrder[0])
-				.toBeLessThan(withdrawRewardSpy.mock.invocationCallOrder[0]);
-			expect(syncSpy.mock.invocationCallOrder[1])
-				.toBeGreaterThan(withdrawRewardSpy.mock.invocationCallOrder[0]);
-		});
-	});
-
-	describe("State changing failures", () => {
-		/** @typedef {"stake" | "transfer" | "unstake" | "withdrawReward"} Operation */
-		/** @type {Record<Operation, import("vitest").SpyInstance<any>>} */
-		const operationsMap = {
-			stake: stakeSpy,
-			transfer: transferSpy,
-			unstake: unstakeSpy,
-			withdrawReward: withdrawRewardSpy
-		};
-		const fakeFailure = new Error("operation failure");
-		const fakeSuccess = {};
-		const fakeSyncError = new Error("bad sync");
-
-		keys(operationsMap).forEach(operation => {
-			const spy = operationsMap[operation];
-
-			it("should return a resolved promise with the operation result if an operation succeeds", async () => {
-				await walletStore.init(wallet);
-				await vi.advanceTimersToNextTimerAsync();
-
-				syncSpy
-					.mockResolvedValueOnce(void 0)
-					.mockRejectedValueOnce(fakeSyncError);
-				spy.mockResolvedValueOnce(fakeSuccess);
-
-				expect(get(walletStore).error).toBe(null);
-
-				// @ts-ignore it's a mock and we don't care to pass the correct arguments
-				expect(await walletStore[operation]()).toBe(fakeSuccess);
-				expect(get(walletStore).error).toBe(fakeSyncError);
-
-				walletStore.reset();
-			});
-
-			it("should return a rejected promise with the operation error if an operation fails and try a sync afterwards nonetheless", async () => {
-				await walletStore.init(wallet);
-				await vi.advanceTimersToNextTimerAsync();
-
-				syncSpy
-					.mockResolvedValueOnce(void 0)
-					.mockRejectedValueOnce(fakeSyncError);
-				spy.mockRejectedValueOnce(fakeFailure);
-
-				expect(get(walletStore).error).toBe(null);
-
-				// @ts-ignore it's a mock and we don't care to pass the correct arguments
-				expect(walletStore[operation]()).rejects.toThrowError(fakeFailure);
-
-				await vi.advanceTimersToNextTimerAsync();
-
-				expect(get(walletStore).error).toBe(fakeSyncError);
-
-				walletStore.reset();
-			});
-		});
-	});
+import { Bookkeeper, Gas, Network, ProfileGenerator } from "@dusk/w3sper";
+
+import { stakeInfo } from "$lib/mock-data";
+
+import WalletTreasury from "$lib/wallet-treasury";
+import { generateMnemonic, getSeedFromMnemonic } from "$lib/wallet";
+
+import { networkStore, walletStore } from "..";
+
+const VITE_SYNC_INTERVAL = import.meta.env.VITE_SYNC_INTERVAL;
+
+describe("Wallet store", async () => {
+  const AUTO_SYNC_INTERVAL = !isNaN(Number(VITE_SYNC_INTERVAL))
+    ? Number(VITE_SYNC_INTERVAL)
+    : 5 * 60 * 1000;
+
+  const cachedBalance = {
+    shielded: {
+      spendable: 10n,
+      value: 5n,
+    },
+    unshielded: {
+      nonce: 3n,
+      value: 4n,
+    },
+  };
+  const cachedStakeInfo = {
+    amount: {
+      eligibility: 123n,
+      locked: 456n,
+      get total() {
+        return this.value + this.locked;
+      },
+      value: 100n,
+    },
+    faults: 10,
+    hardFaults: 2,
+    nonce: 5n,
+    reward: 56789n,
+  };
+  const shielded = {
+    spendable: 400000000000000n,
+    value: 1026179647718621n,
+  };
+  const unshielded = {
+    nonce: 1234n,
+    value: shielded.value / 2n,
+  };
+  const minimumStake = 1_000_000_000_000n;
+
+  vi.spyOn(Bookkeeper.prototype, "minimumStake", "get").mockResolvedValue(
+    minimumStake
+  );
+
+  /** @type {import("vitest").Mock<typeof setTimeout>} */
+  let setTimeoutSpy;
+
+  /** @type {import("vitest").Mock<typeof clearTimeout>} */
+  let clearTimeoutSpy;
+
+  const abortControllerSpy = vi.spyOn(AbortController.prototype, "abort");
+  const balanceSpy = vi
+    .spyOn(Bookkeeper.prototype, "balance")
+    .mockImplementation(async (identifier) => {
+      return ProfileGenerator.typeOf(identifier.toString()) === "address"
+        ? shielded
+        : unshielded;
+    });
+
+  const stakeInfoSpy = vi
+    .spyOn(Bookkeeper.prototype, "stakeInfo")
+    .mockImplementation(async () => stakeInfo);
+
+  const getCachedBalanceSpy = vi
+    .spyOn(WalletTreasury.prototype, "getCachedBalance")
+    .mockResolvedValue(cachedBalance);
+  const setCachedBalanceSpy = vi
+    .spyOn(WalletTreasury.prototype, "setCachedBalance")
+    .mockResolvedValue(undefined);
+  const getCachedStakeInfoSpy = vi
+    .spyOn(WalletTreasury.prototype, "getCachedStakeInfo")
+    .mockResolvedValue(cachedStakeInfo);
+  const setCachedStakeInfoSpy = vi
+    .spyOn(WalletTreasury.prototype, "setCachedStakeInfo")
+    .mockResolvedValue(undefined);
+  const setProfilesSpy = vi.spyOn(WalletTreasury.prototype, "setProfiles");
+  const treasuryUpdateSpy = vi.spyOn(WalletTreasury.prototype, "update");
+
+  vi.spyOn(networkStore, "checkBlock").mockResolvedValue(true);
+  vi.spyOn(networkStore, "getBlockHashByHeight").mockResolvedValue(
+    "some-block-hash"
+  );
+  vi.spyOn(networkStore, "getLastFinalizedBlockHeight").mockResolvedValue(121n);
+
+  const seed = getSeedFromMnemonic(generateMnemonic());
+  const profileGenerator = new ProfileGenerator(async () => seed);
+  const defaultProfile = await profileGenerator.default;
+
+  const initialState = {
+    balance: {
+      shielded: {
+        spendable: 0n,
+        value: 0n,
+      },
+      unshielded: {
+        nonce: 0n,
+        value: 0n,
+      },
+    },
+    currentProfile: null,
+    initialized: false,
+    minimumStake: 0n,
+    profiles: [],
+    stakeInfo: {
+      amount: null,
+      faults: 0,
+      hardFaults: 0,
+      reward: 0n,
+    },
+    syncStatus: {
+      error: null,
+      from: 0n,
+      isInProgress: false,
+      last: 0n,
+      progress: 0,
+    },
+  };
+
+  beforeEach(async () => {
+    vi.useFakeTimers();
+
+    setTimeoutSpy = vi.spyOn(window, "setTimeout");
+    clearTimeoutSpy = vi.spyOn(window, "clearTimeout");
+
+    await vi.runOnlyPendingTimersAsync();
+
+    vi.clearAllTimers();
+    vi.clearAllMocks();
+  });
+
+  afterAll(() => {
+    vi.useRealTimers();
+    vi.restoreAllMocks();
+    vi.clearAllTimers();
+  });
+
+  describe("Initialization and sync", () => {
+    it("should expose a method to initialize the store with a `ProfileGenerator` instance", async () => {
+      await walletStore.init(profileGenerator);
+
+      const state = get(walletStore);
+
+      expect(state.balance).toStrictEqual(cachedBalance);
+      expect(state.currentProfile).toBe(defaultProfile);
+      expect(state.initialized).toBe(true);
+      expect(state.minimumStake).toBe(minimumStake);
+      expect(state.stakeInfo).toStrictEqual(cachedStakeInfo);
+      expect(state.syncStatus).toStrictEqual({
+        error: null,
+        from: 0n,
+        isInProgress: true,
+        last: 0n,
+        progress: 0,
+      });
+
+      // Check that we have exactly 2 profiles
+      expect(state.profiles).toHaveLength(2);
+      expect(state.profiles[0]).toBe(defaultProfile);
+      expect(state.profiles[1]).toBeDefined();
+
+      expect(getCachedBalanceSpy).toHaveBeenCalledTimes(1);
+      expect(getCachedBalanceSpy).toHaveBeenCalledWith(defaultProfile);
+      expect(getCachedStakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(getCachedStakeInfoSpy).toHaveBeenCalledWith(defaultProfile);
+
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+
+      const finalState = get(walletStore);
+      expect(finalState.balance).toStrictEqual({ shielded, unshielded });
+      expect(finalState.currentProfile).toBe(defaultProfile);
+      expect(finalState.initialized).toBe(true);
+      expect(finalState.minimumStake).toBe(minimumStake);
+      expect(finalState.stakeInfo).toStrictEqual(stakeInfo);
+      expect(finalState.syncStatus).toStrictEqual({
+        error: null,
+        from: 0n,
+        isInProgress: false,
+        last: 0n,
+        progress: 0,
+      });
+
+      // Check that we still have exactly 2 profiles
+      expect(finalState.profiles).toHaveLength(2);
+      expect(finalState.profiles[0]).toBe(defaultProfile);
+      expect(finalState.profiles[1]).toBeDefined();
+
+      expect(setProfilesSpy).toHaveBeenCalledTimes(1);
+      expect(setProfilesSpy.mock.calls[0][0]).toHaveLength(2);
+      expect(setProfilesSpy.mock.calls[0][0][0]).toBe(defaultProfile);
+      expect(setProfilesSpy.mock.invocationCallOrder[0]).toBeLessThan(
+        treasuryUpdateSpy.mock.invocationCallOrder[0]
+      );
+      expect(treasuryUpdateSpy).toHaveBeenCalledTimes(1);
+      expect(balanceSpy).toHaveBeenCalledTimes(2);
+      expect(balanceSpy).toHaveBeenNthCalledWith(1, defaultProfile.address);
+      expect(balanceSpy).toHaveBeenNthCalledWith(2, defaultProfile.account);
+      expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(stakeInfoSpy).toHaveBeenCalledWith(defaultProfile.account);
+      expect(balanceSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        treasuryUpdateSpy.mock.invocationCallOrder[0]
+      );
+      expect(stakeInfoSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        treasuryUpdateSpy.mock.invocationCallOrder[0]
+      );
+      expect(setCachedBalanceSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedBalanceSpy).toHaveBeenCalledWith(defaultProfile, {
+        shielded: await balanceSpy.mock.results[0].value,
+        unshielded: await balanceSpy.mock.results[1].value,
+      });
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledWith(
+        defaultProfile,
+        await stakeInfoSpy.mock.results[0].value
+      );
+      expect(setCachedBalanceSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        balanceSpy.mock.invocationCallOrder[1]
+      );
+      expect(setCachedStakeInfoSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        stakeInfoSpy.mock.invocationCallOrder[0]
+      );
+
+      expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+
+      /**
+       * The first call is caused by the timeout in the network
+       * connect, so we check the last call, that is the one
+       * made in the wallet store.
+       */
+      expect(setTimeoutSpy).toHaveBeenCalledTimes(2);
+      expect(clearTimeoutSpy.mock.invocationCallOrder[0]).toBeLessThan(
+        setTimeoutSpy.mock.invocationCallOrder[1]
+      );
+
+      await vi.advanceTimersByTimeAsync(1);
+      await vi.runOnlyPendingTimersAsync();
+
+      // auto sync started - check that we have 2 profiles and sync is in progress
+      const autoSyncState = get(walletStore);
+      expect(autoSyncState.profiles).toHaveLength(2);
+      expect(autoSyncState.profiles[0]).toBe(defaultProfile);
+      expect(autoSyncState.profiles[1]).toBeDefined();
+      expect(autoSyncState.syncStatus.isInProgress).toBe(true);
+
+      walletStore.reset();
+      expect(get(walletStore)).toStrictEqual(initialState);
+
+      await vi.runOnlyPendingTimersAsync();
+    });
+  });
+
+  describe("Abort sync", () => {
+    beforeEach(async () => {
+      walletStore.reset();
+
+      await vi.runOnlyPendingTimersAsync();
+
+      expect(get(walletStore)).toStrictEqual(initialState);
+
+      await walletStore.init(profileGenerator);
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+
+      vi.clearAllTimers();
+
+      const currentState = get(walletStore);
+      expect(currentState.profiles).toHaveLength(2);
+      expect(currentState.profiles[0]).toBe(defaultProfile);
+      expect(currentState.profiles[1]).toBeDefined();
+      expect(currentState.initialized).toBe(true);
+      expect(currentState.syncStatus.isInProgress).toBe(false);
+
+      clearTimeoutSpy.mockClear();
+
+      // somewhere else (dexie?) the abort is called already six times
+      abortControllerSpy.mockClear();
+      treasuryUpdateSpy.mockClear();
+    });
+
+    it("should expose a method to abort a sync that is in progress and set the current sync promise to `null` so that a new sync can be started", async () => {
+      walletStore.sync();
+
+      await vi.waitUntil(() => treasuryUpdateSpy.mock.calls.length === 1);
+
+      walletStore.abortSync();
+
+      expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+      expect(abortControllerSpy).toHaveBeenCalledTimes(1);
+
+      await vi.runAllTimersAsync();
+
+      const { syncStatus } = get(walletStore);
+
+      expect(syncStatus.isInProgress).toBe(false);
+      expect(syncStatus.error).toBeInstanceOf(Error);
+
+      walletStore.sync();
+
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+
+      const finalState = get(walletStore);
+      expect(finalState.profiles).toHaveLength(2);
+      expect(finalState.profiles[0]).toBe(defaultProfile);
+      expect(finalState.profiles[1]).toBeDefined();
+      expect(finalState.initialized).toBe(true);
+      expect(finalState.syncStatus.isInProgress).toBe(false);
+
+      walletStore.abortSync();
+
+      await vi.runAllTimersAsync();
+    });
+
+    it("should do nothing but stopping the auto-sync if there is no sync in progress", async () => {
+      walletStore.abortSync();
+
+      expect(abortControllerSpy).not.toHaveBeenCalled();
+      expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
+
+      await vi.runAllTimersAsync();
+    });
+  });
+
+  describe("Wallet store transfers", () => {
+    const toPhoenix =
+      "4ZH3oyfTuMHyWD1Rp4e7QKp5yK6wLrWvxHneufAiYBAjvereFvfjtDvTbBcZN5ZCsaoMo49s1LKPTwGpowik6QJG";
+    const toMoonlight =
+      "zTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE4FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybff";
+    const amount = 150_000_000_000n;
+    const gas = new Gas({ limit: 500n, price: 1n });
+    const memo = "";
+
+    const phoenixTxResult = {
+      buffer: new Uint8Array(),
+      hash: "some-tx-id",
+      nullifiers: [],
+    };
+
+    const executeSpy = vi
+      .spyOn(Network.prototype, "execute")
+      .mockResolvedValue(phoenixTxResult);
+
+    const updateNonceSpy = vi.spyOn(
+      WalletTreasury.prototype,
+      "updateCachedNonce"
+    );
+
+    const updateCachedPendingNotesSpy = vi.spyOn(
+      WalletTreasury.prototype,
+      "updateCachedPendingNotes"
+    );
+
+    /**
+     * @typedef { "claimRewards" | "shield" | "stake" | "transfer" | "unshield" | "unstake" } TransferMethod
+     */
+
+    /**
+     * @template {TransferMethod} M
+     * @param {M} method
+     * @param {Parameters<WalletStoreServices[M]>} args
+     */
+    async function walletStoreTransferCheck(method, args) {
+      vi.useRealTimers();
+
+      const currentlyCachedBalance =
+        await new WalletTreasury().getCachedBalance(defaultProfile);
+      const newNonce = currentlyCachedBalance.unshielded.nonce + 1n;
+
+      let expectedTx;
+
+      const isPhoenixTransfer = method === "transfer" && args[0] === toPhoenix;
+      const isMoonlightTransfer =
+        method === "transfer" && args[0] === toMoonlight;
+
+      if (isPhoenixTransfer) {
+        expectedTx = {
+          amount,
+          gas,
+          obfuscated: true,
+          payload: { memo },
+          to: toPhoenix,
+        };
+      } else {
+        executeSpy.mockResolvedValueOnce({
+          buffer: new Uint8Array(),
+          hash: phoenixTxResult.hash,
+          nonce: newNonce,
+        });
+
+        if (isMoonlightTransfer) {
+          expectedTx = { amount, gas, payload: { memo }, to: toMoonlight };
+        } else {
+          switch (method) {
+            case "stake":
+              expectedTx = { amount, gas, topup: false };
+              break;
+
+            case "unstake":
+              expectedTx = { amount, gas };
+              break;
+
+            default:
+              expectedTx = { amount, gas };
+              break;
+          }
+        }
+      }
+
+      // @ts-ignore here args can't be inferred apparently
+      await walletStore[method](...args);
+
+      expect(executeSpy).toHaveBeenCalledTimes(1);
+      expect(executeSpy.mock.calls[0][0].attributes).toStrictEqual(expectedTx);
+      expect(executeSpy.mock.calls[0][0].bookentry.profile).toStrictEqual(
+        defaultProfile
+      );
+
+      if (isPhoenixTransfer) {
+        expect(updateNonceSpy).not.toHaveBeenCalled();
+        expect(updateCachedPendingNotesSpy).toHaveBeenCalledTimes(1);
+        expect(updateCachedPendingNotesSpy).toHaveBeenCalledWith(
+          phoenixTxResult.nullifiers,
+          phoenixTxResult.hash
+        );
+        updateCachedPendingNotesSpy.mockClear();
+      } else {
+        expect(updateNonceSpy).toHaveBeenCalledTimes(1);
+        expect(updateNonceSpy).toHaveBeenCalledWith(defaultProfile, newNonce);
+        expect(updateCachedPendingNotesSpy).not.toHaveBeenCalled();
+        setCachedBalanceSpy.mockClear();
+      }
+
+      // check that we made a sync before the transfer
+      expect(treasuryUpdateSpy).toHaveBeenCalledTimes(1);
+
+      // but the balance is not updated yet
+      expect(balanceSpy).not.toHaveBeenCalled();
+
+      // and neither the stake info
+      expect(stakeInfoSpy).not.toHaveBeenCalled();
+
+      expect(treasuryUpdateSpy.mock.invocationCallOrder[0]).toBeLessThan(
+        executeSpy.mock.invocationCallOrder[0]
+      );
+
+      // hacky check that we used the correct API through our Transactions mock
+      const expectedScope = {
+        id: phoenixTxResult.hash,
+        name: "transactions",
+        once: true,
+      };
+
+      // this will trigger the resolve in the `removed` promise
+      dispatchEvent(
+        new CustomEvent("transaction::removed", { detail: expectedScope })
+      );
+
+      // check that a sync starts after the transaction is removed from the mempool
+      await vi.waitUntil(() => treasuryUpdateSpy.mock.calls.length === 2);
+
+      // wait for the post-removal sync to finish updating the derived state
+      await vi.waitUntil(() => balanceSpy.mock.calls.length === 2);
+      await vi.waitUntil(() => stakeInfoSpy.mock.calls.length === 1);
+
+      // check that the balance is updated afterwards
+      expect(balanceSpy).toHaveBeenCalledTimes(2);
+      expect(balanceSpy).toHaveBeenNthCalledWith(1, defaultProfile.address);
+      expect(balanceSpy).toHaveBeenNthCalledWith(2, defaultProfile.account);
+      expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(stakeInfoSpy).toHaveBeenCalledWith(defaultProfile.account);
+      expect(balanceSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        treasuryUpdateSpy.mock.invocationCallOrder[1]
+      );
+      expect(balanceSpy.mock.invocationCallOrder[1]).toBeGreaterThan(
+        treasuryUpdateSpy.mock.invocationCallOrder[1]
+      );
+      expect(setCachedBalanceSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedBalanceSpy).toHaveBeenCalledWith(defaultProfile, {
+        shielded: await balanceSpy.mock.results[0].value,
+        unshielded: await balanceSpy.mock.results[1].value,
+      });
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledWith(
+        defaultProfile,
+        await stakeInfoSpy.mock.results[0].value
+      );
+      expect(setCachedBalanceSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        balanceSpy.mock.invocationCallOrder[1]
+      );
+      expect(setCachedStakeInfoSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        stakeInfoSpy.mock.invocationCallOrder[0]
+      );
+
+      vi.useFakeTimers();
+    }
+
+    beforeEach(async () => {
+      walletStore.reset();
+
+      await vi.runOnlyPendingTimersAsync();
+
+      expect(get(walletStore)).toStrictEqual(initialState);
+
+      await walletStore.init(profileGenerator);
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+
+      await vi.waitUntil(
+        () => get(walletStore).syncStatus.isInProgress === false
+      );
+
+      vi.clearAllTimers();
+
+      const currentStore = get(walletStore);
+
+      expect(currentStore.profiles).toHaveLength(2);
+      expect(currentStore.profiles[0]).toBe(defaultProfile);
+      expect(currentStore.profiles[1]).toBeDefined();
+      expect(currentStore.initialized).toBe(true);
+      expect(currentStore.syncStatus.isInProgress).toBe(false);
+
+      const { currentProfile } = currentStore;
+
+      expect(currentProfile).toBeDefined();
+
+      treasuryUpdateSpy.mockClear();
+      balanceSpy.mockClear();
+      stakeInfoSpy.mockClear();
+      setCachedBalanceSpy.mockClear();
+      setCachedStakeInfoSpy.mockClear();
+    });
+
+    afterEach(async () => {
+      executeSpy.mockClear();
+      updateNonceSpy.mockClear();
+      updateCachedPendingNotesSpy.mockClear();
+    });
+
+    afterAll(() => {
+      executeSpy.mockRestore();
+      updateNonceSpy.mockRestore();
+      updateCachedPendingNotesSpy.mockRestore();
+    });
+
+    /* eslint-disable vitest/expect-expect */
+
+    it("should expose a method to claim the rewards", async () => {
+      await walletStoreTransferCheck("claimRewards", [amount, gas]);
+    });
+
+    it("should expose a method to shield a given amount from the unshielded account", async () => {
+      await walletStoreTransferCheck("shield", [amount, gas]);
+    });
+
+    it("should expose a method to execute a stake", async () => {
+      await walletStoreTransferCheck("stake", [amount, gas]);
+    });
+
+    it("should expose a method to execute a phoenix transfer, if the receiver is a phoenix address", async () => {
+      await walletStoreTransferCheck("transfer", [
+        toPhoenix,
+        amount,
+        memo,
+        gas,
+      ]);
+    });
+
+    it("should use the moonlight account and shouldn't obfuscate the transaction if the receiver is a moonlight account", async () => {
+      await walletStoreTransferCheck("transfer", [
+        toMoonlight,
+        amount,
+        memo,
+        gas,
+      ]);
+    });
+
+    it("should expose a method to unshield a given amount from the shielded account", async () => {
+      await walletStoreTransferCheck("unshield", [amount, gas]);
+    });
+
+    it("should expose a method to unstake the staked amount", async () => {
+      await walletStoreTransferCheck("unstake", [amount, gas]);
+    });
+
+    /* eslint-enable vitest/expect-expect */
+  });
+
+  describe("Wallet store services", () => {
+    const cacheClearSpy = vi.spyOn(WalletTreasury.prototype, "clearCache");
+
+    beforeEach(async () => {
+      walletStore.reset();
+
+      await vi.runOnlyPendingTimersAsync();
+
+      expect(get(walletStore)).toStrictEqual(initialState);
+
+      await walletStore.init(profileGenerator);
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+
+      await vi.waitUntil(
+        () => get(walletStore).syncStatus.isInProgress === false
+      );
+
+      vi.clearAllTimers();
+
+      const currentStore = get(walletStore);
+
+      expect(currentStore.profiles).toHaveLength(2);
+      expect(currentStore.profiles[0]).toBe(defaultProfile);
+      expect(currentStore.profiles[1]).toBeDefined();
+      expect(currentStore.initialized).toBe(true);
+      expect(currentStore.syncStatus.isInProgress).toBe(false);
+
+      const { currentProfile } = currentStore;
+
+      expect(currentProfile).toBeDefined();
+
+      treasuryUpdateSpy.mockClear();
+      balanceSpy.mockClear();
+      cacheClearSpy.mockClear();
+      stakeInfoSpy.mockClear();
+      setCachedBalanceSpy.mockClear();
+      setCachedStakeInfoSpy.mockClear();
+    });
+
+    afterAll(() => {
+      cacheClearSpy.mockRestore();
+    });
+
+    it("should expose a method to clear local data", async () => {
+      vi.useRealTimers();
+
+      await walletStore.clearLocalData();
+      expect(cacheClearSpy).toHaveBeenCalledTimes(1);
+      vi.useFakeTimers();
+    });
+
+    it("should expose a method to clear local data and init the wallet", async () => {
+      const newGenerator = new ProfileGenerator(() => new Uint8Array());
+      const newProfile = await newGenerator.default;
+
+      walletStore.clearLocalDataAndInit(newGenerator, 99n);
+
+      await vi.advanceTimersByTimeAsync(AUTO_SYNC_INTERVAL - 1);
+      vi.clearAllTimers();
+
+      expect(cacheClearSpy).toHaveBeenCalledTimes(1);
+      const finalState = get(walletStore);
+      expect(finalState.profiles).toHaveLength(2);
+      expect(finalState.profiles[0]).toBe(newProfile);
+      expect(finalState.profiles[1]).toBeDefined(); // Don't check exact instance, just that it exists
+      expect(finalState.currentProfile).toBe(newProfile);
+      expect(finalState.initialized).toBe(true);
+      expect(finalState.balance).toStrictEqual({ shielded, unshielded });
+      expect(finalState.stakeInfo).toStrictEqual(stakeInfo);
+      expect(treasuryUpdateSpy).toHaveBeenCalledTimes(1);
+      expect(balanceSpy).toHaveBeenCalledTimes(2);
+      expect(balanceSpy).toHaveBeenNthCalledWith(1, newProfile.address);
+      expect(balanceSpy).toHaveBeenNthCalledWith(2, newProfile.account);
+      expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(stakeInfoSpy).toHaveBeenCalledWith(newProfile.account);
+    });
+
+    it("should expose a method to set the current profile and update the balance afterwards", async () => {
+      const fakeExtraProfile = {
+        account: {
+          toString() {
+            return "some-fake-account";
+          },
+        },
+        address: {
+          toString() {
+            return "some-fake-address";
+          },
+        },
+      };
+
+      // nasty mutation for the sake of easy testing
+      // @ts-expect-error we don't care for it to be a real profile
+      get(walletStore).profiles.push(fakeExtraProfile);
+
+      await expect(
+        // @ts-expect-error we don't care to set a real profile
+        walletStore.setCurrentProfile(fakeExtraProfile)
+      ).resolves.toBeUndefined();
+
+      expect(get(walletStore).currentProfile).toBe(fakeExtraProfile);
+      expect(balanceSpy).toHaveBeenCalledTimes(2);
+      expect(balanceSpy).toHaveBeenNthCalledWith(1, fakeExtraProfile.address);
+      expect(balanceSpy).toHaveBeenNthCalledWith(2, fakeExtraProfile.account);
+      expect(stakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(stakeInfoSpy).toHaveBeenCalledWith(fakeExtraProfile.account);
+      expect(setCachedBalanceSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedBalanceSpy).toHaveBeenCalledWith(fakeExtraProfile, {
+        shielded: await balanceSpy.mock.results[0].value,
+        unshielded: await balanceSpy.mock.results[1].value,
+      });
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledWith(
+        fakeExtraProfile,
+        await stakeInfoSpy.mock.results[0].value
+      );
+      expect(setCachedBalanceSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        balanceSpy.mock.invocationCallOrder[1]
+      );
+      expect(setCachedStakeInfoSpy.mock.invocationCallOrder[0]).toBeGreaterThan(
+        stakeInfoSpy.mock.invocationCallOrder[0]
+      );
+    });
+
+    it("should reject with an error if the profile is not in the known list", async () => {
+      // @ts-expect-error we don't care to set a real profile
+      await expect(walletStore.setCurrentProfile({})).rejects.toThrow();
+    });
+  });
 });
diff --git a/src/lib/stores/gasStore.js b/src/lib/stores/gasStore.js
new file mode 100644
index 00000000..0a048c68
--- /dev/null
+++ b/src/lib/stores/gasStore.js
@@ -0,0 +1,11 @@
+import { readable } from "svelte/store";
+
+const gasLimits = {
+  gasLimitLower: BigInt(import.meta.env.VITE_GAS_LIMIT_LOWER ?? 10_000_000),
+  gasLimitUpper: BigInt(import.meta.env.VITE_GAS_LIMIT_UPPER ?? 1_000_000_000),
+  gasPriceLower: BigInt(import.meta.env.VITE_GAS_PRICE_LOWER ?? 1),
+};
+
+const gasStore = readable(gasLimits);
+
+export default gasStore;
diff --git a/src/lib/stores/index.js b/src/lib/stores/index.js
index d3526705..3946cf88 100644
--- a/src/lib/stores/index.js
+++ b/src/lib/stores/index.js
@@ -1,3 +1,6 @@
+export { default as gasStore } from "./gasStore";
 export { default as operationsStore } from "./operationsStore";
+export { default as mnemonicPhraseResetStore } from "./mnemonicPhraseResetStore";
+export { default as networkStore } from "./networkStore";
 export { default as settingsStore } from "./settingsStore";
 export { default as walletStore } from "./walletStore";
diff --git a/src/lib/stores/mnemonicPhraseResetStore.js b/src/lib/stores/mnemonicPhraseResetStore.js
new file mode 100644
index 00000000..5d598a96
--- /dev/null
+++ b/src/lib/stores/mnemonicPhraseResetStore.js
@@ -0,0 +1,6 @@
+import { writable } from "svelte/store";
+
+/** @type {import('svelte/store').Writable<string[]>} */
+const mnemonicPhraseResetStore = writable([]);
+
+export default mnemonicPhraseResetStore;
diff --git a/src/lib/stores/networkStore.js b/src/lib/stores/networkStore.js
new file mode 100644
index 00000000..dca4a600
--- /dev/null
+++ b/src/lib/stores/networkStore.js
@@ -0,0 +1,126 @@
+import { writable } from "svelte/store";
+import { browser } from "$app/environment";
+import { always, condition, getKey, getPath, isUndefined, when } from "lamb";
+import {
+  AccountSyncer,
+  AddressSyncer,
+  Network,
+  useAsProtocolDriver,
+} from "@dusk/w3sper";
+
+import { rejectAfter } from "$lib/dusk/promise";
+import { makeNodeUrl } from "$lib/url";
+
+import wasmPath from "$lib/vendor/wallet_core-1.3.0.wasm?url";
+
+function getNetworkUrl() {
+  if (browser) {
+    return makeNodeUrl();
+  } else {
+    return (
+      (import.meta.env.VITE_NODE_URL &&
+        new URL(import.meta.env.VITE_NODE_URL)) ||
+      new URL("https://localhost")
+    );
+  }
+}
+
+const networkUrl = getNetworkUrl();
+
+/** @type {Network} */
+const network = new Network(networkUrl);
+
+/** @type {NetworkStoreContent} */
+const initialState = {
+  get connected() {
+    return network.connected;
+  },
+  networkName: "unknown",
+};
+
+const networkStore = writable(initialState);
+const { set, subscribe } = networkStore;
+
+/**
+ * Checks if a block with the given height and hash
+ * exists on the network.
+ *
+ * @type {NetworkStoreServices["checkBlock"]}
+ */
+const checkBlock = (height, hash) =>
+  connect()
+    .then(() => network.query(`checkBlock(height: ${height}, hash: "${hash}")`))
+    .then(getKey("checkBlock"));
+
+/** @type {NetworkStoreServices["connect"]} */
+const connect = async () =>
+  network.connected
+    ? network
+    : Promise.race([
+        fetch(wasmPath)
+          .then((response) => response.arrayBuffer())
+          .then((buffer) => {
+            useAsProtocolDriver(new Uint8Array(buffer));
+
+            return network.connect();
+          }),
+        rejectAfter(
+          10000,
+          new Error("Timed out while connecting to the network")
+        ),
+      ]);
+
+/** @type {NetworkStoreServices["disconnect"]} */
+const disconnect = () => network.disconnect();
+
+/** @type {() => Promise<AccountSyncer>} */
+const getAccountSyncer = () => connect().then(() => new AccountSyncer(network));
+
+/** @type {() => Promise<AddressSyncer>} */
+const getAddressSyncer = () => connect().then(() => new AddressSyncer(network));
+
+/** @type {NetworkStoreServices["getBlockHashByHeight"]} */
+const getBlockHashByHeight = (height) =>
+  connect()
+    .then(() => network.query(`block(height: ${height}) { header { hash } }`))
+    .then(getPath("block.header.hash"))
+    .then(when(isUndefined, always("")));
+
+/** @type {NetworkStoreServices["getCurrentBlockHeight"]} */
+const getCurrentBlockHeight = () => network.blockHeight;
+
+/** @type {NetworkStoreServices["getLastFinalizedBlockHeight"]} */
+const getLastFinalizedBlockHeight = () =>
+  connect()
+    .then(() => network.query("lastBlockPair { json }"))
+    .then(getPath("lastBlockPair.json.last_finalized_block.0"))
+    .then(condition(isUndefined, always(0n), BigInt));
+
+/** @type {NetworkStoreServices["init"]} */
+async function init() {
+  const info = await network.node.info;
+
+  set({
+    ...initialState,
+    networkName: info.chain.toString(),
+  });
+}
+
+/** @type {NetworkStoreServices["registerDataDriver"]} */
+const registerDataDriver = (id, driver) =>
+  connect().then(() => network.dataDrivers.register(id, driver));
+
+/** @type {NetworkStore} */
+export default {
+  checkBlock,
+  connect,
+  disconnect,
+  getAccountSyncer,
+  getAddressSyncer,
+  getBlockHashByHeight,
+  getCurrentBlockHeight,
+  getLastFinalizedBlockHeight,
+  init,
+  registerDataDriver,
+  subscribe,
+};
diff --git a/src/lib/stores/operationsStore.js b/src/lib/stores/operationsStore.js
index b0fa02b8..b6c5615f 100644
--- a/src/lib/stores/operationsStore.js
+++ b/src/lib/stores/operationsStore.js
@@ -1,6 +1,9 @@
 import { writable } from "svelte/store";
 
-/** @type {import("svelte/store").Writable<{ currentOperation: string }>} */
-const count = writable({ currentOperation: "" });
+/** @type OperationsStoreContent */
+const initialState = { currentOperation: "" };
 
-export default count;
+/** @type OperationsStore */
+const store = writable(initialState);
+
+export default store;
diff --git a/src/lib/stores/settingsStore.js b/src/lib/stores/settingsStore.js
index 05e0e2d2..b4443110 100644
--- a/src/lib/stores/settingsStore.js
+++ b/src/lib/stores/settingsStore.js
@@ -1,29 +1,90 @@
-import { persisted } from "svelte-persisted-store";
+import { writable } from "svelte/store";
 import { browser } from "$app/environment";
 
+// =========================
+// --- Utilities ---
+// =========================
+
+export const serializeProperty = (/** @type {any} */ value) =>
+  JSON.stringify(value, (_, v) => (typeof v === "bigint" ? `${v}n` : v));
+
+export const deserializeProperty = (/** @type {string} */ value) =>
+  JSON.parse(value, (_, v) =>
+    typeof v === "string" && /^\d+n$/.test(v) ? BigInt(v.slice(0, -1)) : v
+  );
+
+// =========================
+// --- End of Utilities ---
+// =========================
+
+const browserDefaults = browser
+  ? {
+      darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches,
+      language: navigator.language,
+    }
+  : {
+      darkMode: false,
+      language: "en",
+    };
+
+/** @type {SettingsStoreContent} */
 const initialState = {
-	currency: "USD",
-	darkMode: false,
-	dashboardTransactionLimit: 5,
-	gasLimit: parseInt(import.meta.env.VITE_GAS_LIMIT_DEFAULT, 10),
-	gasLimitLower: parseInt(import.meta.env.VITE_GAS_LIMIT_LOWER, 10),
-	gasLimitUpper: parseInt(import.meta.env.VITE_GAS_LIMIT_UPPER, 10),
-	gasPrice: parseInt(import.meta.env.VITE_GAS_PRICE_DEFAULT, 10),
-	gasPriceLower: parseInt(import.meta.env.VITE_GAS_PRICE_LOWER, 10),
-	language: browser ? navigator.language : "en",
-	network: "testnet",
-	userId: ""
+  ...browserDefaults,
+  currency: "USD",
+  dashboardTransactionLimit: 5,
+  gasLimit: BigInt(import.meta.env.VITE_GAS_LIMIT_DEFAULT ?? 100_000_000),
+  gasPrice: BigInt(import.meta.env.VITE_GAS_PRICE_DEFAULT ?? 1),
+  hideStakingNotice: false,
+  userId: "",
+  walletCreationBlockHeight: 0n,
 };
-const settingsStore = persisted(`${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`, initialState);
+
+const createPersistedStore = (
+  /** @type {string} */ key,
+  /** @type {SettingsStoreContent} */ initialValue
+) => {
+  const load = () => {
+    if (!browser) {
+      return initialValue;
+    }
+    const storedValue = localStorage.getItem(key);
+    return storedValue ? deserializeProperty(storedValue) : initialValue;
+  };
+
+  const store = writable(load());
+
+  if (browser) {
+    store.subscribe((value) => {
+      localStorage.setItem(key, serializeProperty(value));
+    });
+  }
+
+  return store;
+};
+
+const settingsStore = createPersistedStore(
+  `${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`,
+  initialState
+);
+
 const { set, subscribe, update } = settingsStore;
 
-function reset () {
-	set(initialState);
-}
+// Reset store to initial state
+const reset = () => set(initialState);
+
+// Resets only gas settings to their defaults.
+const resetGasSettings = () =>
+  update((current) => ({
+    ...current,
+    gasLimit: initialState.gasLimit,
+    gasPrice: initialState.gasPrice,
+  }));
 
+/** @type {SettingsStore} */
 export default {
-	reset,
-	set,
-	subscribe,
-	update
+  reset,
+  resetGasSettings,
+  set,
+  subscribe,
+  update,
 };
diff --git a/src/lib/stores/stores.d.ts b/src/lib/stores/stores.d.ts
index d9c46163..0e7c4500 100644
--- a/src/lib/stores/stores.d.ts
+++ b/src/lib/stores/stores.d.ts
@@ -1,47 +1,146 @@
-import type { Readable } from "svelte/store";
-import type { Wallet } from "@dusk-network/dusk-wallet-js";
+type Readable<T> = import("svelte/store").Readable<T>;
+
+type Writable<T> = import("svelte/store").Writable<T>;
+
+type GasStoreContent = {
+  gasLimitLower: bigint;
+  gasLimitUpper: bigint;
+  gasPriceLower: bigint;
+};
+
+type GasStore = Readable<GasStoreContent>;
+
+type SettingsStoreContent = {
+  currency: string;
+  darkMode: boolean;
+  dashboardTransactionLimit: number;
+  gasLimit: bigint;
+  gasPrice: bigint;
+  hideStakingNotice: boolean;
+  language: string;
+  userId: string;
+  walletCreationBlockHeight: bigint;
+};
+
+type SettingsStore = Writable<SettingsStoreContent> & {
+  reset: () => void;
+  resetGasSettings: () => void;
+};
+
+type TransactionInfo = Awaited<ReturnType<Network["execute"]>>;
 
 type TransactionsStoreContent = { transactions: Transaction[] };
 
 type TransactionsStore = Readable<TransactionsStoreContent>;
 
+type OperationsStoreContent = { currentOperation: string };
+
+type OperationsStore = Writable<OperationsStoreContent>;
+
+type NetworkStoreContent = {
+  get connected(): boolean;
+  networkName: string;
+};
+
+type NetworkStoreServices = {
+  checkBlock: (height: bigint, hash: string) => Promise<boolean>;
+  connect: () => Promise<Network>;
+  disconnect: () => Promise<void>;
+  getAccountSyncer: () => Promise<AccountSyncer>;
+  getAddressSyncer: () => Promise<AddressSyncer>;
+  getBlockHashByHeight: (height: bigint) => Promise<string>;
+  getCurrentBlockHeight: () => Promise<bigint>;
+  getLastFinalizedBlockHeight: () => Promise<bigint>;
+  init: () => Promise<void>;
+  registerDataDriver: (id: string, driver: any) => Promise<DataDriverRegistry>;
+};
+
+type NetworkStore = Readable<NetworkStoreContent> & NetworkStoreServices;
+
+type NodeInfo = {
+  bootstrappingNodes: Array<string>;
+  chainId: number;
+  kadcastAddress: string;
+  version: string;
+  versionBuild: string;
+};
+
+type WalletStoreBalance = {
+  shielded: AddressBalance;
+  unshielded: AccountBalance;
+};
+
 type WalletStoreContent = {
-	balance: {
-		maximum: number;
-		value: number;
-	};
-	currentAddress: string;
-	error: Error | null;
-	initialized: boolean;
-	addresses: string[];
-	isSyncing: boolean;
+  balance: WalletStoreBalance;
+  currentProfile: Profile | null;
+  initialized: boolean;
+  minimumStake: bigint;
+  profiles: Array<Profile>;
+  stakeInfo: StakeInfo;
+  syncStatus: {
+    from: bigint;
+    isInProgress: boolean;
+    last: bigint;
+    error: Error | null;
+    progress: number;
+  };
 };
 
 type WalletStoreServices = {
-	clearLocalData: () => Promise<void>;
+  abortSync: () => void;
+
+  claimRewards: (amount: bigint, gas: Gas) => Promise<TransactionInfo>;
+
+  clearLocalData: () => Promise<void>;
+
+  clearLocalDataAndInit: (
+    profileGenerator: ProfileGenerator,
+    syncFromBlock?: bigint
+  ) => Promise<void>;
+
+  depositEvmFunctionCall: (
+    address: `0x${string}`,
+    amount: bigint,
+    contractId: string,
+    wasmPath: string,
+    gas: Gas
+  ) => Promise<TransactionInfo>;
+
+  useContract: (contractId: string, wasmPath: string) => Promise<Contract>;
 
-	clearLocalDataAndInit: (wallet: Wallet) => Promise<void>;
+  getTransactionsHistory: () => Promise<any>;
 
-	getStakeInfo: () => Promise<any> & ReturnType<Wallet["stakeInfo"]>;
+  finalizeWithdrawalEvmFunctionCall: (
+    contractId: string,
+    withdrawalId: bigint,
+    wasmPath: string
+  ) => Promise<any>;
 
-	// The return type apparently is not in a promise here
-	getTransactionsHistory: () => Promise<ReturnType<Wallet["history"]>>;
+  init: (
+    profileGenerator: ProfileGenerator,
+    syncFromBlock?: bigint
+  ) => Promise<void>;
 
-	init: (wallet: Wallet) => Promise<void>;
+  reset: () => void;
 
-	reset: () => void;
+  setCurrentProfile: (profile: Profile) => Promise<void>;
 
-	setCurrentAddress: (address: string) => Promise<void>;
+  shield: (amount: bigint, gas: Gas) => Promise<TransactionInfo>;
 
-	stake: (amount: number) => Promise<any> & ReturnType<Wallet["stake"]>;
+  stake: (amount: bigint, gas: Gas) => Promise<TransactionInfo>;
 
-	sync: () => Promise<void>;
+  sync: (fromBlock?: bigint) => Promise<void>;
 
-	transfer: (to: string, amount: number) => Promise<any> & ReturnType<Wallet["transfer"]>;
+  transfer: (
+    to: string,
+    amount: bigint,
+    memo: string,
+    gas: Gas
+  ) => Promise<TransactionInfo>;
 
-	unstake: () => Promise<any> & ReturnType<Wallet["unstake"]>;
+  unshield: (amount: bigint, gas: Gas) => Promise<TransactionInfo>;
 
-	withdrawReward: () => Promise<any> & ReturnType<Wallet["withdrawReward"]>;
+  unstake: (amount: bigint, gas: Gas) => Promise<TransactionInfo>;
 };
 
 type WalletStore = Readable<WalletStoreContent> & WalletStoreServices;
diff --git a/src/lib/stores/walletStore.js b/src/lib/stores/walletStore.js
index 338291d4..3157017f 100644
--- a/src/lib/stores/walletStore.js
+++ b/src/lib/stores/walletStore.js
@@ -1,182 +1,545 @@
 import { get, writable } from "svelte/store";
-import { getKey, uniquesBy } from "lamb";
+import { setKey } from "lamb";
+import { Bookkeeper, Bookmark, ProfileGenerator } from "@dusk/w3sper";
 
+import WalletTreasury from "$lib/wallet-treasury";
+
+import { transactions } from "$lib/mock-data";
+
+import networkStore from "./networkStore";
 import settingsStore from "./settingsStore";
 
-/**
- * @typedef {import("@dusk-network/dusk-wallet-js").Wallet} Wallet
- */
+const VITE_SYNC_INTERVAL = import.meta.env.VITE_SYNC_INTERVAL;
+const AUTO_SYNC_INTERVAL = !isNaN(Number(VITE_SYNC_INTERVAL))
+  ? Number(VITE_SYNC_INTERVAL)
+  : 5 * 60 * 1000;
 
-/**
- * @typedef {import("./stores").WalletStoreServices["getTransactionsHistory"]} GetTransactionsHistory
- */
+let autoSyncId = 0;
+
+/** @type {AbortController | null} */
+let syncController = null;
 
 /** @type {Promise<void> | null} */
 let syncPromise = null;
 
-/** @type {Wallet | null} */
-let walletInstance = null;
-
-const uniquesById = uniquesBy(getKey("id"));
-
-/** @type {import("./stores").WalletStoreContent} */
+/** @type {WalletStoreContent} */
 const initialState = {
-	addresses: [],
-	balance: {
-		maximum: 0,
-		value: 0
-	},
-	currentAddress: "",
-	error: null,
-	initialized: false,
-	isSyncing: false
+  balance: {
+    shielded: {
+      spendable: 0n,
+      value: 0n,
+    },
+    unshielded: {
+      nonce: 0n,
+      value: 0n,
+    },
+  },
+  currentProfile: null,
+  initialized: false,
+  minimumStake: 0n,
+  profiles: [],
+  stakeInfo: {
+    amount: null,
+    faults: 0,
+    hardFaults: 0,
+    reward: 0n,
+  },
+  syncStatus: {
+    error: null,
+    from: 0n,
+    isInProgress: false,
+    last: 0n,
+    progress: 0,
+  },
 };
 
-/* eslint-disable-next-line svelte/require-store-callbacks-use-set-param */
-const walletStore = writable(initialState, () => settingsStore.subscribe(({
-	gasLimit,
-	gasPrice
-}) => {
-	if (walletInstance) {
-		walletInstance.gasLimit = gasLimit;
-		walletInstance.gasPrice = gasPrice;
-	}
-}));
-const { set, subscribe } = walletStore;
-
-/**
- * Defensive code here as the `amount` and
- * `reward` properties can be `undefined` in the
- * returned stake info object.
- *
- * @param {WalletStakeInfo} stakeInfo
- * @returns {WalletStakeInfo}
- */
-const fixStakeInfo = stakeInfo => ({
-	...stakeInfo,
-	amount: stakeInfo.amount ?? 0,
-	reward: stakeInfo.reward ?? 0
-});
-
-const getCurrentAddress = () => get(walletStore).currentAddress;
-
-/** @type {(action: (...args: any[]) => Promise<any>) => Promise<void>} */
-const syncedAction = action => sync().then(action).finally(sync);
-
-/** @type {() => Promise<void>} */
-const clearLocalData = async () => walletInstance?.reset();
-
-/** @type {(wallet: Wallet) => Promise<void>} */
-const clearLocalDataAndInit = wallet => wallet.reset().then(() => init(wallet));
+const walletStore = writable(initialState);
+const { set, subscribe, update } = walletStore;
 
-/** @type {import("./stores").WalletStoreServices["getStakeInfo"]} */
-// @ts-expect-error
-const getStakeInfo = async () => sync().then(() => walletInstance.stakeInfo(getCurrentAddress()))
-	.then(fixStakeInfo);
+const treasury = new WalletTreasury();
+const bookkeeper = new Bookkeeper(treasury);
 
-/** @type {GetTransactionsHistory} */
+const getCurrentProfile = () => get(walletStore).currentProfile;
 
-// @ts-expect-error
-const getTransactionsHistory = async () => sync().then(() => walletInstance.history(getCurrentAddress()))
-	.then(uniquesById);
+function unsafeGetCurrentProfile() {
+  const profile = getCurrentProfile();
 
-function reset () {
-	walletInstance = null;
-	set(initialState);
+  if (profile === null) {
+    throw new TypeError("Can't retrieve profile: wallet not initialized");
+  } else {
+    return profile;
+  }
 }
 
-async function updateAfterSync () {
-	const store = get(walletStore);
-
-	// @ts-expect-error
-	const balance = await walletInstance.getBalance(store.currentAddress);
-
-	set({
-		...store,
-		balance,
-		isSyncing: false
-	});
-}
-
-/** @param {Wallet} wallet */
-async function init (wallet) {
-	walletInstance = wallet;
-
-	const addresses = walletInstance.getPsks();
-	const currentAddress = addresses[0];
+/** @type {(txInfo: TransactionInfo) => void} */
+const observeTxRemoval = (txInfo) => {
+  networkStore.connect().then((network) =>
+    network.transactions
+      .withId(txInfo.hash)
+      .once.removed()
+      .then(() => sync())
+      .finally(updateStaticInfo)
+  );
+};
 
-	set({
-		...initialState,
-		addresses,
-		currentAddress,
-		initialized: true
+/** @type {<T>(fn: (v: T) => any) => (a: T) => T} */
+const passThruWithEffects = (fn) => (a) => {
+  fn(a);
 
-	});
-	sync();
-}
+  return a;
+};
 
-/** @type {import("./stores").WalletStoreServices["setCurrentAddress"]} */
-async function setCurrentAddress (address) {
-	const store = get(walletStore);
+/** @type {(txInfo: TransactionInfo) => Promise<TransactionInfo>} */
+const updateCacheAfterTransaction = async (txInfo) => {
+  // we did a phoenix transaction
+  if ("nullifiers" in txInfo) {
+    /**
+     * For now we ignore the possible error while
+     * writing the pending notes info, as we'll
+     * change soon how they are handled (probably by w3sper directly).
+     */
+    await treasury
+      .updateCachedPendingNotes(txInfo.nullifiers, txInfo.hash)
+      .catch(() => {});
+  } else {
+    const profile = getCurrentProfile();
+
+    /**
+     * We update the stored `nonce` so that if a transaction is made
+     * before the sync gives us an updated one, the transaction
+     * won't be rejected by reusing the old value.
+     */
+    profile && (await treasury.updateCachedNonce(profile, txInfo.nonce));
+  }
+
+  return txInfo;
+};
 
-	return store.addresses.includes(address)
-		? Promise.resolve(set({ ...store, currentAddress: address })).then(sync)
-		: Promise.reject(new Error("The received address is not in the list"));
-}
+/** @type {() => Promise<void>} */
+const updateBalance = async () => {
+  const profile = getCurrentProfile();
+
+  if (!profile) {
+    return;
+  }
+
+  const shielded = /** @type {AddressBalance} */ (
+    await bookkeeper.balance(profile.address)
+  );
+  const unshielded = /** @type {AccountBalance} */ (
+    await bookkeeper.balance(profile.account)
+  );
+  const balance = { shielded, unshielded };
+
+  /**
+   * We ignore the error as the cached balance is only
+   * a nice to have for the user.
+   */
+  await treasury.setCachedBalance(profile, balance).catch(() => {});
+
+  update((currentStore) => ({
+    ...currentStore,
+    balance,
+  }));
+};
 
-/** @type {import("./stores").WalletStoreServices["stake"]} */
-// @ts-expect-error
-const stake = async amount => syncedAction(() => walletInstance.stake(getCurrentAddress(), amount));
+/** @type {() => Promise<void>} */
+const updateStakeInfo = async () => {
+  const profile = getCurrentProfile();
+
+  if (!profile) {
+    return;
+  }
+
+  /** @type {StakeInfo} */
+  const stakeInfo = await bookkeeper.stakeInfo(profile.account);
+
+  /**
+   * We ignore the error as the cached stake info is only
+   * a nice to have for the user.
+   */
+  await treasury.setCachedStakeInfo(profile, stakeInfo).catch(() => {});
+
+  update((currentStore) => ({
+    ...currentStore,
+    stakeInfo,
+  }));
+};
 
-/** @type {import("./stores").WalletStoreServices["sync"]} */
-function sync () {
-	if (!walletInstance) {
-		throw new Error("No wallet instance to sync");
-	}
+const updateStaticInfo = () =>
+  Promise.allSettled([updateBalance(), updateStakeInfo()]);
 
-	if (!syncPromise) {
-		const store = get(walletStore);
+/** @type {WalletStoreServices["abortSync"]} */
+const abortSync = () => {
+  window.clearTimeout(autoSyncId);
+  syncPromise && syncController?.abort();
+  syncPromise = null;
+};
 
-		set({ ...store, error: null, isSyncing: true });
+/** @type {WalletStoreServices["clearLocalData"]} */
+const clearLocalData = async () => {
+  abortSync();
 
-		syncPromise = walletInstance.sync().then(
-			updateAfterSync,
-			error => { set({ ...store, error, isSyncing: false }); }
-		).finally(() => { syncPromise = null; });
-	}
+  await treasury.clearCache();
+};
 
-	return syncPromise;
+/** @type {WalletStoreServices["clearLocalDataAndInit"]} */
+const clearLocalDataAndInit = (profileGenerator, syncFromBlock) =>
+  clearLocalData().then(() => {
+    return init(profileGenerator, syncFromBlock);
+  });
+
+/** @type {WalletStoreServices["claimRewards"]} */
+const claimRewards = async (amount, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then((network) =>
+      network.execute(
+        bookkeeper.as(unsafeGetCurrentProfile()).withdraw(amount).gas(gas)
+      )
+    )
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["getTransactionsHistory"]} */
+const getTransactionsHistory = async () => transactions;
+
+/** @type {WalletStoreServices["init"]} */
+async function init(profileGeneratorInstance, syncFromBlock) {
+  // Create two profiles by default
+  const currentProfile = await profileGeneratorInstance.default;
+  const secondProfile = await profileGeneratorInstance.next();
+  const profiles = [currentProfile, secondProfile];
+
+  const cachedBalance = await treasury.getCachedBalance(currentProfile);
+  const cachedStakeInfo = await treasury.getCachedStakeInfo(currentProfile);
+  const minimumStake = await bookkeeper.minimumStake;
+
+  treasury.setProfiles(profiles);
+
+  set({
+    ...initialState,
+    balance: cachedBalance,
+    currentProfile,
+    initialized: true,
+    minimumStake,
+    profiles,
+    stakeInfo: cachedStakeInfo,
+  });
+
+  sync(syncFromBlock)
+    .then(() => {
+      settingsStore.update(setKey("userId", currentProfile.address.toString()));
+    })
+    .finally(updateStaticInfo);
 }
 
-/** @type {import("./stores").WalletStoreServices["transfer"]} */
-// @ts-expect-error
-const transfer = async (to, amount) => syncedAction(() => walletInstance.transfer(
-	getCurrentAddress(),
-	to,
-	amount
-));
+/** @type {WalletStoreServices["reset"]} */
+function reset() {
+  abortSync();
+  set(initialState);
+}
 
-/** @type {import("./stores").WalletStoreServices["unstake"]} */
-// @ts-expect-error
-const unstake = async () => syncedAction(() => walletInstance.unstake(getCurrentAddress()));
+/** @type {WalletStoreServices["setCurrentProfile"]} */
+async function setCurrentProfile(profile) {
+  const store = get(walletStore);
+
+  return store.profiles.includes(profile)
+    ? Promise.resolve(set({ ...store, currentProfile: profile })).then(
+        async () => {
+          await updateStaticInfo();
+        }
+      )
+    : Promise.reject(
+        new Error("The received profile is not in the known list")
+      );
+}
 
-/** @type {import("./stores").WalletStoreServices["withdrawReward"]} */
-// @ts-expect-error
-const withdrawReward = async () => syncedAction(() => walletInstance.withdrawReward(getCurrentAddress()));
+/** @type {WalletStoreServices["shield"]} */
+const shield = async (amount, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then((network) =>
+      network.execute(
+        bookkeeper.as(unsafeGetCurrentProfile()).shield(amount).gas(gas)
+      )
+    )
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["stake"]} */
+const stake = async (amount, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then((network) =>
+      network.execute(
+        bookkeeper.as(unsafeGetCurrentProfile()).stake(amount).gas(gas)
+      )
+    )
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["sync"]} */
+// eslint-disable-next-line max-statements
+async function sync(fromBlock) {
+  const store = get(walletStore);
+
+  if (!store.initialized) {
+    throw new Error(
+      "The wallet store needs to be initialized with a profile generator"
+    );
+  }
+
+  if (!syncPromise) {
+    set({
+      ...store,
+      syncStatus: {
+        error: null,
+        from: 0n,
+        isInProgress: true,
+        last: 0n,
+        progress: 0,
+      },
+    });
+
+    syncController = new AbortController();
+
+    const { block, bookmark, lastFinalizedBlockHeight } =
+      await treasury.getCachedSyncInfo();
+
+    /** @type {bigint | Bookmark} */
+    let from;
+
+    /*
+     * Unless the user wants to sync from a specific block height,
+     * we try to restart from the last stored bookmark.
+     * Before doing that we compare the block hash we have in cache
+     * with the hash at the same block height on the network: if
+     * they don't match then a block has been rejected, we can't
+     * use our bookmark, and our only safe option is to restart
+     * from the last finalized block we have cached.
+     */
+    if (fromBlock) {
+      from = fromBlock;
+    } else {
+      const isLocalCacheValid = await networkStore
+        .checkBlock(block.height, block.hash)
+        .catch(() => false);
+
+      from = isLocalCacheValid
+        ? Bookmark.from(bookmark)
+        : lastFinalizedBlockHeight;
+    }
+
+    if (from === 0n) {
+      await treasury.clearCache();
+    }
+
+    update((currentStore) => ({
+      ...currentStore,
+      syncStatus: {
+        ...currentStore.syncStatus,
+        from: from instanceof Bookmark ? block.height : from,
+      },
+    }));
+
+    syncPromise = Promise.resolve(syncController.signal)
+      .then(async (signal) => {
+        /** @type {(evt: CustomEvent) => void} */
+        const syncIterationListener = ({ detail }) => {
+          update((currentStore) => ({
+            ...currentStore,
+            syncStatus: {
+              ...currentStore.syncStatus,
+              last: detail.blocks.last,
+              progress: detail.progress,
+            },
+          }));
+        };
+
+        await treasury.update(from, syncIterationListener, signal);
+      })
+      .then(() => {
+        if (syncController?.signal.aborted) {
+          throw new Error("Synchronization aborted");
+        }
+      })
+      .then(() => {
+        update((currentStore) => ({
+          ...currentStore,
+          syncStatus: initialState.syncStatus,
+        }));
+      })
+      .then(() => {
+        window.clearTimeout(autoSyncId);
+        autoSyncId = window.setTimeout(() => {
+          sync().finally(updateStaticInfo);
+        }, AUTO_SYNC_INTERVAL);
+      })
+      .catch((error) => {
+        syncController?.abort();
+
+        update((currentStore) => ({
+          ...currentStore,
+          syncStatus: {
+            error,
+            from: 0n,
+            isInProgress: false,
+            last: 0n,
+            progress: 0,
+          },
+        }));
+      })
+      .finally(() => {
+        syncPromise = null;
+      });
+  }
+
+  return syncPromise;
+}
 
-/** @type {import("./stores").WalletStore} */
+/** @type {WalletStoreServices["transfer"]} */
+const transfer = async (to, amount, memo, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then(async (network) => {
+      const tx = bookkeeper
+        .as(unsafeGetCurrentProfile())
+        .transfer(amount)
+        .to(to)
+        .memo(memo)
+        .gas(gas);
+
+      if (ProfileGenerator.typeOf(to) === "address") {
+        // @ts-ignore
+        tx.obfuscated();
+      }
+
+      return await network.execute(tx);
+    })
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["depositEvmFunctionCall"]} */
+const depositEvmFunctionCall = async (
+  address,
+  amount,
+  contractId,
+  wasmPath,
+  gas
+) =>
+  sync()
+    .then(networkStore.connect)
+    .then(async (network) => {
+      network.dataDrivers.register(contractId, () =>
+        fetch(wasmPath).then((r) => r.arrayBuffer())
+      );
+
+      const payloadAmount = Number(amount);
+      const profile = unsafeGetCurrentProfile();
+      const bookentry = bookkeeper.as(profile);
+      const bridgeContract = bookentry.contract(contractId, network);
+
+      /* eslint-disable camelcase */
+      const payload = {
+        amount: payloadAmount,
+        extra_data: "",
+        fee: 500000,
+        to: address,
+      };
+      /* eslint-enable camelcase */
+
+      const builder = await bridgeContract.tx.deposit(payload);
+
+      return await network.execute(
+        builder
+          .to(profile.account)
+          .deposit(BigInt(payloadAmount + payload.fee))
+          .gas(gas)
+      );
+    })
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["finalizeWithdrawalEvmFunctionCall"]} */
+const finalizeWithdrawalEvmFunctionCall = async (
+  contractId,
+  withdrawalId,
+  wasmPath
+) =>
+  sync()
+    .then(networkStore.connect)
+    .then(async (network) => {
+      network.dataDrivers.register(contractId, () =>
+        fetch(wasmPath).then((r) => r.arrayBuffer())
+      );
+
+      const profile = unsafeGetCurrentProfile();
+      const bookentry = bookkeeper.as(profile);
+      const contract = bookentry.contract(contractId, network);
+      const builder = await contract.tx.finalize_withdrawal(withdrawalId);
+
+      return await network.execute(builder.to(profile.account));
+    })
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["unshield"]} */
+const unshield = async (amount, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then((network) =>
+      network.execute(
+        bookkeeper.as(unsafeGetCurrentProfile()).unshield(amount).gas(gas)
+      )
+    )
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["unstake"]} */
+const unstake = async (amount, gas) =>
+  sync()
+    .then(networkStore.connect)
+    .then((network) =>
+      network.execute(
+        bookkeeper.as(unsafeGetCurrentProfile()).unstake(amount).gas(gas)
+      )
+    )
+    .then(updateCacheAfterTransaction)
+    .then(passThruWithEffects(observeTxRemoval));
+
+/** @type {WalletStoreServices["useContract"]} */
+const useContract = async (contractId, wasmPath) =>
+  networkStore.connect().then(async (network) => {
+    network.dataDrivers.register(contractId, () =>
+      fetch(wasmPath).then((r) => r.arrayBuffer())
+    );
+
+    const profile = unsafeGetCurrentProfile();
+    const bookentry = bookkeeper.as(profile);
+    const contract = bookentry.contract(contractId, network);
+
+    return contract;
+  });
+
+/** @type {WalletStore} */
 export default {
-	clearLocalData,
-	clearLocalDataAndInit,
-	getStakeInfo,
-	getTransactionsHistory,
-	init,
-	reset,
-	setCurrentAddress,
-	stake,
-	subscribe,
-	sync,
-	transfer,
-	unstake,
-	withdrawReward
+  abortSync,
+  claimRewards,
+  clearLocalData,
+  clearLocalDataAndInit,
+  depositEvmFunctionCall,
+  finalizeWithdrawalEvmFunctionCall,
+  getTransactionsHistory,
+  init,
+  reset,
+  setCurrentProfile,
+  shield,
+  stake,
+  subscribe,
+  sync,
+  transfer,
+  unshield,
+  unstake,
+  useContract,
 };
diff --git a/src/lib/test-helpers/__tests__/fillCacheDatabase.spec.js b/src/lib/test-helpers/__tests__/fillCacheDatabase.spec.js
new file mode 100644
index 00000000..a0ad991d
--- /dev/null
+++ b/src/lib/test-helpers/__tests__/fillCacheDatabase.spec.js
@@ -0,0 +1,86 @@
+import { beforeEach, describe, expect, it } from "vitest";
+import { getKey, skipIn, sortWith } from "lamb";
+
+import {
+  cacheBalances,
+  cachePendingNotesInfo,
+  cacheSpentNotes,
+  cacheStakeInfo,
+  cacheSyncInfo,
+  cacheUnspentNotes,
+} from "$lib/mock-data";
+
+import { fillCacheDatabase, getCacheDatabase, sortByNullifier } from "..";
+
+/**
+ * We need to sort the entries in tests as the
+ * database doesn't guarantee a sort order.
+ *
+ * @typedef {{ nullifier: ArrayBuffer }} T
+ * @type {<U extends T>(entries: U[]) => U[]}
+ */
+const sortByDbNullifier = sortWith([
+  /** @type {(entry: T) => string} */ (
+    ({ nullifier }) => new Uint8Array(nullifier).toString()
+  ),
+]);
+
+const sortByAccount = sortWith([getKey("account")]);
+const sortByAddress = sortWith([getKey("address")]);
+
+/** @type {(entry: WalletCacheNote) => WalletCacheDbNote} */
+const toDbNote = (entry) => ({
+  ...entry,
+  note: entry.note.buffer,
+  nullifier: entry.nullifier.buffer,
+});
+
+describe("fillCacheDatabase", () => {
+  beforeEach(async () => {
+    await getCacheDatabase().delete({ disableAutoOpen: false });
+  });
+
+  it("should fill the database tables with mock data", async () => {
+    const expectedPendingNotesInfo = sortByNullifier(cachePendingNotesInfo).map(
+      (v) => ({ ...v, nullifier: v.nullifier.buffer })
+    );
+    const expectedSpentNotes = sortByNullifier(cacheSpentNotes).map(toDbNote);
+    const expectedUnspentNotes =
+      sortByNullifier(cacheUnspentNotes).map(toDbNote);
+
+    await fillCacheDatabase();
+
+    const db = getCacheDatabase();
+
+    await db.open();
+
+    await expect(
+      db.table("balancesInfo").toArray().then(sortByAddress)
+    ).resolves.toStrictEqual(sortByAddress(cacheBalances));
+    await expect(
+      db.table("pendingNotesInfo").toArray().then(sortByDbNullifier)
+    ).resolves.toStrictEqual(expectedPendingNotesInfo);
+    await expect(
+      db.table("spentNotes").toArray().then(sortByDbNullifier)
+    ).resolves.toStrictEqual(expectedSpentNotes);
+    await expect(
+      db.table("stakeInfo").toArray().then(sortByAccount)
+    ).resolves.toStrictEqual(
+      sortByAccount(cacheStakeInfo).map((entry) => ({
+        ...entry,
+        stakeInfo: {
+          ...entry.stakeInfo,
+          amount: skipIn(entry.stakeInfo.amount, ["total"]),
+        },
+      }))
+    );
+    await expect(db.table("syncInfo").toArray()).resolves.toStrictEqual(
+      cacheSyncInfo
+    );
+    await expect(
+      db.table("unspentNotes").toArray().then(sortByDbNullifier)
+    ).resolves.toStrictEqual(expectedUnspentNotes);
+
+    db.close();
+  });
+});
diff --git a/src/lib/test-helpers/__tests__/getCacheDatabase.spec.js b/src/lib/test-helpers/__tests__/getCacheDatabase.spec.js
new file mode 100644
index 00000000..359ecf34
--- /dev/null
+++ b/src/lib/test-helpers/__tests__/getCacheDatabase.spec.js
@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+import { getKey } from "lamb";
+
+import { getCacheDatabase } from "..";
+
+describe("getCacheDatabase", () => {
+  it("should return the Dexie database used for the cache", async () => {
+    const db = getCacheDatabase();
+
+    await db.open();
+
+    expect(db.tables.map(getKey("name"))).toMatchInlineSnapshot(`
+      [
+        "balancesInfo",
+        "pendingNotesInfo",
+        "spentNotes",
+        "stakeInfo",
+        "syncInfo",
+        "unspentNotes",
+      ]
+    `);
+
+    db.close();
+  });
+});
diff --git a/src/lib/test-helpers/__tests__/getCacheTableCount.spec.js b/src/lib/test-helpers/__tests__/getCacheTableCount.spec.js
new file mode 100644
index 00000000..958e1695
--- /dev/null
+++ b/src/lib/test-helpers/__tests__/getCacheTableCount.spec.js
@@ -0,0 +1,30 @@
+import { describe, expect, it } from "vitest";
+import { getKey } from "lamb";
+
+import { fillCacheDatabase, getCacheDatabase, getCacheTableCount } from "..";
+
+describe("getCacheTableCount", () => {
+  it("should return the amount of items in a database table", async () => {
+    const db = getCacheDatabase();
+
+    await db.open();
+
+    const tableNames = /** @type {WalletCacheTableName[]} */ (
+      db.tables.map(getKey("name"))
+    );
+
+    for (const tableName of tableNames) {
+      await expect(getCacheTableCount(tableName)).resolves.toBe(0);
+    }
+
+    await fillCacheDatabase();
+
+    for (const tableName of tableNames) {
+      await expect(getCacheTableCount(tableName)).resolves.toBe(
+        await db.table(tableName).count()
+      );
+    }
+
+    db.close();
+  });
+});
diff --git a/src/lib/test-helpers/__tests__/sortByNullifier.spec.js b/src/lib/test-helpers/__tests__/sortByNullifier.spec.js
new file mode 100644
index 00000000..d6296f26
--- /dev/null
+++ b/src/lib/test-helpers/__tests__/sortByNullifier.spec.js
@@ -0,0 +1,15 @@
+import { describe, expect, it } from "vitest";
+
+import { cacheSpentNotes } from "$lib/mock-data";
+
+import { sortByNullifier } from "..";
+
+describe("sortByNullifier", () => {
+  it("should sort a list of notes by their nullifier", () => {
+    const sortedNotes = cacheSpentNotes.toSorted((a, b) =>
+      a.nullifier.toString() > b.nullifier.toString() ? 1 : -1
+    );
+
+    expect(sortByNullifier(cacheSpentNotes)).toStrictEqual(sortedNotes);
+  });
+});
diff --git a/src/lib/test-helpers/__tests__/sortNullifiers.spec.js b/src/lib/test-helpers/__tests__/sortNullifiers.spec.js
new file mode 100644
index 00000000..38940e1e
--- /dev/null
+++ b/src/lib/test-helpers/__tests__/sortNullifiers.spec.js
@@ -0,0 +1,18 @@
+import { describe, expect, it } from "vitest";
+
+import { cacheSpentNotes } from "$lib/mock-data";
+
+import { sortNullifiers } from "..";
+
+describe("sortNullifiers", () => {
+  it("should sort a list of nullifiers", () => {
+    const spentNotesNullifiers = cacheSpentNotes.map((n) => n.nullifier);
+    const sortedNullifiers = spentNotesNullifiers.toSorted((a, b) =>
+      String(a) > String(b) ? 1 : -1
+    );
+
+    expect(sortNullifiers(spentNotesNullifiers)).toStrictEqual(
+      sortedNullifiers
+    );
+  });
+});
diff --git a/src/lib/test-helpers/fillCacheDatabase.js b/src/lib/test-helpers/fillCacheDatabase.js
new file mode 100644
index 00000000..48c94101
--- /dev/null
+++ b/src/lib/test-helpers/fillCacheDatabase.js
@@ -0,0 +1,81 @@
+import { mapWith, skipIn } from "lamb";
+import { getCacheDatabase } from ".";
+
+import {
+  cacheBalances,
+  cachePendingNotesInfo,
+  cacheSpentNotes,
+  cacheStakeInfo,
+  cacheSyncInfo,
+  cacheUnspentNotes,
+} from "$lib/mock-data";
+
+/**
+ * In IndexedDB if we write a Uint8Array, we get
+ * back an ArrayBuffer when we retrieve the data.
+ *
+ * In `fake-indexeddb` this is not the case, so
+ * we intentionally write ArrayBuffers from the
+ * beginning.
+ */
+const fixPending = mapWith((record) => ({
+  ...record,
+  nullifier: record.nullifier.buffer,
+}));
+const fixNotes = mapWith((record) => ({
+  ...record,
+  note: record.note.buffer,
+  nullifier: record.nullifier.buffer,
+}));
+
+/**
+ * In IndexedDB objects with a getter will be
+ * written without the getter.
+ *
+ * In `fake-indexeddb` apparently the getter is
+ * written as a normal prop.
+ *
+ * Hence we remove it to simulate the real situation.
+ */
+const fixStakeInfo = mapWith((entry) => ({
+  ...entry,
+  stakeInfo: {
+    ...entry.stakeInfo,
+    amount: skipIn(entry.stakeInfo.amount, ["total"]),
+  },
+}));
+
+/** @type {() => Promise<void>} */
+async function fillCacheDatabase() {
+  const db = getCacheDatabase();
+
+  await db.open();
+
+  return db
+    .transaction(
+      "rw",
+      [
+        "balancesInfo",
+        "pendingNotesInfo",
+        "spentNotes",
+        "stakeInfo",
+        "syncInfo",
+        "unspentNotes",
+      ],
+      async () => {
+        await db.table("balancesInfo").bulkPut(cacheBalances);
+        await db
+          .table("pendingNotesInfo")
+          .bulkPut(fixPending(cachePendingNotesInfo));
+        await db.table("spentNotes").bulkPut(fixNotes(cacheSpentNotes));
+        await db.table("stakeInfo").bulkPut(fixStakeInfo(cacheStakeInfo));
+        await db.table("syncInfo").bulkPut(cacheSyncInfo);
+        await db.table("unspentNotes").bulkPut(fixNotes(cacheUnspentNotes));
+      }
+    )
+    .finally(() => {
+      db.close();
+    });
+}
+
+export default fillCacheDatabase;
diff --git a/src/lib/test-helpers/getCacheDatabase.js b/src/lib/test-helpers/getCacheDatabase.js
new file mode 100644
index 00000000..b0c70b97
--- /dev/null
+++ b/src/lib/test-helpers/getCacheDatabase.js
@@ -0,0 +1,19 @@
+import { Dexie } from "dexie";
+
+/** @type {() => Dexie} */
+function getCacheDatabase() {
+  const db = new Dexie("@dusk-network/wallet-cache");
+
+  db.version(3).stores({
+    balancesInfo: "address",
+    pendingNotesInfo: "nullifier,txId",
+    spentNotes: "nullifier,address",
+    stakeInfo: "account",
+    syncInfo: "++",
+    unspentNotes: "nullifier,address",
+  });
+
+  return db;
+}
+
+export default getCacheDatabase;
diff --git a/src/lib/test-helpers/getCacheTableCount.js b/src/lib/test-helpers/getCacheTableCount.js
new file mode 100644
index 00000000..21388012
--- /dev/null
+++ b/src/lib/test-helpers/getCacheTableCount.js
@@ -0,0 +1,13 @@
+import { getCacheDatabase } from ".";
+
+/** @type {(tableName: WalletCacheTableName) => Promise<number>} */
+async function getCacheTableCount(tableName) {
+  const db = await getCacheDatabase().open();
+
+  return db
+    .table(tableName)
+    .count()
+    .finally(() => db.close());
+}
+
+export default getCacheTableCount;
diff --git a/src/lib/test-helpers/index.js b/src/lib/test-helpers/index.js
new file mode 100644
index 00000000..0b45bf85
--- /dev/null
+++ b/src/lib/test-helpers/index.js
@@ -0,0 +1,5 @@
+export { default as fillCacheDatabase } from "./fillCacheDatabase";
+export { default as getCacheDatabase } from "./getCacheDatabase";
+export { default as getCacheTableCount } from "./getCacheTableCount";
+export { default as sortByNullifier } from "./sortByNullifier";
+export { default as sortNullifiers } from "./sortNullifiers";
diff --git a/src/lib/test-helpers/sortByNullifier.js b/src/lib/test-helpers/sortByNullifier.js
new file mode 100644
index 00000000..b7fa4bd7
--- /dev/null
+++ b/src/lib/test-helpers/sortByNullifier.js
@@ -0,0 +1,14 @@
+import { sortWith } from "lamb";
+
+/**
+ * We need to sort the entries in tests as the
+ * database doesn't guarantee a sort order.
+ *
+ * @typedef {{ nullifier: Uint8Array<ArrayBuffer> }} T
+ * @type {<U extends T>(entries: U[]) => U[]}
+ */
+const sortByNullifier = sortWith([
+  /** @type {(entry: T) => string} */ ((entry) => entry.nullifier.toString()),
+]);
+
+export default sortByNullifier;
diff --git a/src/lib/test-helpers/sortNullifiers.js b/src/lib/test-helpers/sortNullifiers.js
new file mode 100644
index 00000000..dd9c1e31
--- /dev/null
+++ b/src/lib/test-helpers/sortNullifiers.js
@@ -0,0 +1,11 @@
+import { sortWith } from "lamb";
+
+/**
+ * We need to sort the nullifiers in tests as the
+ * database doesn't guarantee a sort order.
+ *
+ * @type {(entries: Uint8Array[]) => Uint8Array[]}
+ */
+const sortNullifiers = sortWith([String]);
+
+export default sortNullifiers;
diff --git a/src/lib/transactions/__tests__/sortByHeightDesc.spec.js b/src/lib/transactions/__tests__/sortByHeightDesc.spec.js
index 315901c8..65aa0240 100644
--- a/src/lib/transactions/__tests__/sortByHeightDesc.spec.js
+++ b/src/lib/transactions/__tests__/sortByHeightDesc.spec.js
@@ -1,17 +1,15 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
+import { describe, expect, it } from "vitest";
 
 import { transactions } from "$lib/mock-data";
 
 import { sortByHeightDesc } from "..";
 
 describe("sortByHeightDesc", () => {
-	it("should sort the list of transaction by `block_height` desc", () => {
-		const expected = transactions.slice().sort((a, b) => b.block_height - a.block_height);
+  it("should sort the list of transaction by `block_height` desc", () => {
+    const expected = transactions
+      .slice()
+      .sort((a, b) => b.block_height - a.block_height);
 
-		expect(sortByHeightDesc(transactions)).toStrictEqual(expected);
-	});
+    expect(sortByHeightDesc(transactions)).toStrictEqual(expected);
+  });
 });
diff --git a/src/lib/transactions/getLastTransactionHash.js b/src/lib/transactions/getLastTransactionHash.js
index 342e1efc..c43e57e9 100644
--- a/src/lib/transactions/getLastTransactionHash.js
+++ b/src/lib/transactions/getLastTransactionHash.js
@@ -1,9 +1,4 @@
-import {
-	always,
-	compose,
-	getKey,
-	head
-} from "lamb";
+import { always, compose, getKey, head } from "lamb";
 
 import { walletStore } from "$lib/stores";
 
@@ -12,9 +7,11 @@ import sortByHeightDesc from "./sortByHeightDesc";
 const getFirstHash = compose(getKey("id"), head);
 
 /** @type {() => Promise<string>} */
-const getLastTransactionHash = () => walletStore.getTransactionsHistory()
-	.then(sortByHeightDesc)
-	.then(getFirstHash)
-	.catch(always(""));
+const getLastTransactionHash = () =>
+  walletStore
+    .getTransactionsHistory()
+    .then(sortByHeightDesc)
+    .then(getFirstHash)
+    .catch(always(""));
 
 export default getLastTransactionHash;
diff --git a/src/lib/transactions/transactions.d.ts b/src/lib/transactions/transactions.d.ts
index 4e7bb1bd..65b7366f 100644
--- a/src/lib/transactions/transactions.d.ts
+++ b/src/lib/transactions/transactions.d.ts
@@ -1,8 +1,8 @@
 type Transaction = {
-	amount: number,
-	block_height: number,
-	direction: string,
-	fee: number,
-	id: string,
-	tx_type: string
+  amount: number;
+  block_height: number;
+  direction: "In" | "Out";
+  fee: number;
+  id: string;
+  tx_type: string;
 };
diff --git a/src/lib/url/__tests__/makeNodeUrl.spec.js b/src/lib/url/__tests__/makeNodeUrl.spec.js
new file mode 100644
index 00000000..f13c878e
--- /dev/null
+++ b/src/lib/url/__tests__/makeNodeUrl.spec.js
@@ -0,0 +1,68 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { makeNodeUrl } from "..";
+
+const protocol = "https://";
+
+beforeEach(async () => {
+  vi.unstubAllGlobals();
+  vi.unstubAllEnvs();
+});
+
+describe("makeNodeUrl", () => {
+  const localhostString = window.location.hostname;
+
+  it("should return a local URL when VITE_NODE_URL is not set", () => {
+    vi.stubEnv("VITE_NODE_URL", "");
+    expect(makeNodeUrl().hostname).toBe(localhostString);
+  });
+
+  it("should return a local URL with no base path when VITE_NODE_URL is not set and VITE_RUSK_PATH is not set", () => {
+    vi.stubEnv("VITE_NODE_URL", "");
+    vi.stubEnv("VITE_RUSK_PATH", "");
+    expect(makeNodeUrl().hostname).toBe(localhostString);
+    expect(makeNodeUrl().pathname).toBe("/");
+  });
+
+  it("should return a local URL with a base path when `VITE_NODE_URL` is not set and `VITE_RUSK_PATH` is set to a valid string", () => {
+    vi.stubEnv("VITE_NODE_URL", "");
+    vi.stubEnv("VITE_RUSK_PATH", "/testing");
+    expect(makeNodeUrl().hostname).toBe(localhostString);
+    expect(makeNodeUrl().pathname).toBe("/testing");
+  });
+
+  it("should return the devnet URL when the hostname starts with 'apps.staging.devnet'", () => {
+    const hostname = "apps.staging.devnet.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("devnet.nodes.dusk.network");
+  });
+
+  it("should return the devnet URL when the hostname starts with 'apps.devnet'", () => {
+    const hostname = "apps.devnet.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("devnet.nodes.dusk.network");
+  });
+
+  it("should return the testnet URL when the hostname starts with 'apps.staging.testnet'", () => {
+    const hostname = "apps.staging.testnet.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("testnet.nodes.dusk.network");
+  });
+
+  it("should return the testnet URL when the hostname starts with 'apps.testnet'", () => {
+    const hostname = "apps.testnet.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("testnet.nodes.dusk.network");
+  });
+
+  it("should return the mainnet URL when the hostname starts with 'apps.staging'", () => {
+    const hostname = "apps.staging.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("nodes.dusk.network");
+  });
+
+  it("should return the mainnet URL when the hostname starts with 'apps'", () => {
+    const hostname = "apps.dusk.network";
+    vi.stubGlobal("location", { hostname, protocol });
+    expect(makeNodeUrl().hostname).toBe("nodes.dusk.network");
+  });
+});
diff --git a/src/lib/url/index.js b/src/lib/url/index.js
new file mode 100644
index 00000000..6490bc30
--- /dev/null
+++ b/src/lib/url/index.js
@@ -0,0 +1 @@
+export { default as makeNodeUrl } from "./makeNodeUrl";
diff --git a/src/lib/url/makeNodeUrl.js b/src/lib/url/makeNodeUrl.js
new file mode 100644
index 00000000..deac82a6
--- /dev/null
+++ b/src/lib/url/makeNodeUrl.js
@@ -0,0 +1,56 @@
+/**
+ * Constructs a node URL based on the current subdomain
+ *
+ * @param {string} path
+ * @returns {URL} nodeUrl
+ */
+function makeNodeUrl(path = "") {
+  if (path !== "" && !path.startsWith("/")) {
+    throw new Error("A path must start with a '/'.");
+  }
+
+  const subDomains = window.location.hostname.split(".");
+  const hostedNodeDomain = subDomains.slice(-2).join(".");
+  const nodeBaseUrl = import.meta.env.VITE_NODE_URL
+    ? import.meta.env.VITE_NODE_URL.replace(/\/+$/, "")
+    : "";
+  const nodeBasePath = import.meta.env.VITE_RUSK_PATH
+    ? import.meta.env.VITE_RUSK_PATH.replace(/^\/?/, "/")
+    : "";
+
+  /**
+   * @param {string} base
+   * @returns {URL}
+   */
+  const buildHostedNodeUrl = (base) =>
+    new URL(
+      `${window.location.protocol}${base}${hostedNodeDomain}${nodeBasePath}${path}`
+    );
+
+  let nodeUrl;
+
+  switch (`${subDomains[0]}.${subDomains[1]}.${subDomains[2]}`) {
+    case "apps.dusk.network":
+    case "apps.staging.dusk":
+      nodeUrl = buildHostedNodeUrl("nodes.");
+      break;
+    case "apps.devnet.dusk":
+    case "apps.staging.devnet":
+      nodeUrl = buildHostedNodeUrl("devnet.nodes.");
+      break;
+    case "apps.testnet.dusk":
+    case "apps.staging.testnet":
+      nodeUrl = buildHostedNodeUrl("testnet.nodes.");
+      break;
+    default:
+      nodeUrl = new URL(
+        `${nodeBaseUrl}${nodeBasePath}${path}`,
+        import.meta.url
+      );
+      break;
+  }
+
+  return nodeUrl;
+}
+
+export default makeNodeUrl;
diff --git a/src/lib/vendor/standard_bridge_dd_opt.wasm b/src/lib/vendor/standard_bridge_dd_opt.wasm
new file mode 100644
index 00000000..6db0a3be
Binary files /dev/null and b/src/lib/vendor/standard_bridge_dd_opt.wasm differ
diff --git a/src/lib/vendor/wallet_core-1.3.0.wasm b/src/lib/vendor/wallet_core-1.3.0.wasm
new file mode 100644
index 00000000..d3586c56
Binary files /dev/null and b/src/lib/vendor/wallet_core-1.3.0.wasm differ
diff --git a/src/lib/wallet-cache/__tests__/index.spec.js b/src/lib/wallet-cache/__tests__/index.spec.js
new file mode 100644
index 00000000..d374de41
--- /dev/null
+++ b/src/lib/wallet-cache/__tests__/index.spec.js
@@ -0,0 +1,760 @@
+import { beforeEach, describe, expect, it } from "vitest";
+import {
+  add,
+  collect,
+  compose,
+  drop,
+  filterWith,
+  getKey,
+  mapWith,
+  partitionWith,
+  pluck,
+  pluckFrom,
+  setKey,
+  take,
+  takeFrom,
+  uniques,
+  updatePathIn,
+} from "lamb";
+
+import {
+  cacheBalances,
+  cachePendingNotesInfo,
+  cacheSpentNotes,
+  cacheStakeInfo,
+  cacheSyncInfo,
+  cacheUnspentNotes,
+} from "$lib/mock-data";
+import {
+  fillCacheDatabase,
+  getCacheDatabase,
+  sortByNullifier,
+  sortNullifiers,
+} from "$lib/test-helpers";
+import notesArrayToMap from "$lib/wallet/notesArrayToMap";
+
+import walletCache from "..";
+
+describe("Wallet cache", () => {
+  const db = getCacheDatabase();
+
+  beforeEach(async () => {
+    await getCacheDatabase().delete({ disableAutoOpen: false });
+    await fillCacheDatabase();
+  });
+
+  describe("Reading and clearing the cache", async () => {
+    const addresses = takeFrom(
+      uniques(pluckFrom(cacheSpentNotes, "address")),
+      2
+    );
+    const addressA = addresses[0];
+
+    /** @type {(entries: WalletCacheNote[]) => WalletCacheNote[]} */
+    const filterByAddressA = filterWith((entry) => entry.address === addressA);
+
+    /** @type {(entries: WalletCacheNote[]) => WalletCacheNote[]} */
+    const filterByAddresses = filterWith((entry) =>
+      addresses.includes(entry.address)
+    );
+
+    it("should expose a method to clear the database", async () => {
+      await db.open();
+
+      for (const table of db.tables) {
+        await expect(table.count()).resolves.toBeGreaterThan(0);
+      }
+
+      /**
+       * Closing the db to suppress the warning about another
+       * connection wanting to delete the database.
+       */
+      db.close();
+
+      await walletCache.clear();
+
+      await db.open();
+
+      for (const table of db.tables) {
+        await expect(table.count()).resolves.toBe(0);
+      }
+
+      db.close();
+    });
+
+    it("should expose a method to retrieve the cached balance for a given address", async () => {
+      for (const balanceInfo of cacheBalances) {
+        await expect(
+          walletCache.getBalanceInfo(balanceInfo.address)
+        ).resolves.toStrictEqual(balanceInfo.balance);
+      }
+    });
+
+    it("should return an empty balance if none is stored in the cache for the supplied address", async () => {
+      await expect(
+        walletCache.getBalanceInfo("fake-address")
+      ).resolves.toStrictEqual({
+        shielded: { spendable: 0n, value: 0n },
+        unshielded: { nonce: 0n, value: 0n },
+      });
+    });
+
+    it("should expose a method to retrieve the pending notes info and optionally filter them by their nullifiers", async () => {
+      const pendingDbNotesInfo = sortByNullifier(
+        await walletCache.getPendingNotesInfo()
+      );
+      const nullifiers = takeFrom(
+        pluckFrom(pendingDbNotesInfo, "nullifier"),
+        2
+      );
+      const pendingNotesInfo = sortByNullifier(cachePendingNotesInfo);
+      const pendingDbNotesInfoByNullifiers = sortByNullifier(
+        await walletCache.getPendingNotesInfo(nullifiers)
+      );
+      const pendingNotesInfoByNullifiers = takeFrom(pendingNotesInfo, 2);
+
+      expect(pendingDbNotesInfo).toStrictEqual(pendingNotesInfo);
+      expect(pendingDbNotesInfoByNullifiers).toStrictEqual(
+        pendingNotesInfoByNullifiers
+      );
+      await expect(
+        walletCache.getPendingNotesInfo([Uint8Array.of(1, 2, 3)])
+      ).resolves.toStrictEqual([]);
+    });
+
+    it("should expose a method to retrieve the spent notes and optionally filter them by their address", async () => {
+      const spentDbNotes = sortByNullifier(await walletCache.getSpentNotes());
+      const spentNotes = sortByNullifier(cacheSpentNotes);
+      const spentDbNotesByAddressA = sortByNullifier(
+        await walletCache.getSpentNotes([addressA])
+      );
+      const spentDbNotesByAddresses = sortByNullifier(
+        await walletCache.getSpentNotes(addresses)
+      );
+      const spentNotesByAddressA = filterByAddressA(spentNotes);
+      const spentNotesByAddresses = filterByAddresses(spentNotes);
+
+      expect(spentDbNotes).toStrictEqual(spentNotes);
+      expect(spentDbNotesByAddresses).toStrictEqual(spentNotesByAddresses);
+      expect(
+        sortByNullifier(await walletCache.getSpentNotes([]))
+      ).toStrictEqual(spentNotes);
+      expect(spentDbNotesByAddressA).toStrictEqual(spentNotesByAddressA);
+      await expect(walletCache.getSpentNotes(["foo"])).resolves.toStrictEqual(
+        []
+      );
+    });
+
+    it("should expose a method to retrieve the spent notes nullifiers and optionally filter them by their address", async () => {
+      const spentDbNullifiers = sortNullifiers(
+        await walletCache.getSpentNotesNullifiers()
+      );
+      const spentNullifiers = sortNullifiers(
+        pluckFrom(cacheSpentNotes, "nullifier")
+      );
+      const spentDbNullifiersByAddressA = sortNullifiers(
+        await walletCache.getSpentNotesNullifiers([addressA])
+      );
+      const spentDbNullifiersByAddresses = sortNullifiers(
+        await walletCache.getSpentNotesNullifiers(addresses)
+      );
+      const spentNullifiersByAddressA = pluckFrom(
+        sortByNullifier(filterByAddressA(cacheSpentNotes)),
+        "nullifier"
+      );
+      const spentNullifiersByAddresses = pluckFrom(
+        sortByNullifier(filterByAddresses(cacheSpentNotes)),
+        "nullifier"
+      );
+
+      expect(spentDbNullifiers).toStrictEqual(spentNullifiers);
+      expect(spentDbNullifiersByAddresses).toStrictEqual(
+        spentNullifiersByAddresses
+      );
+      expect(
+        sortNullifiers(await walletCache.getSpentNotesNullifiers([]))
+      ).toStrictEqual(spentNullifiers);
+      expect(spentDbNullifiersByAddressA).toStrictEqual(
+        spentNullifiersByAddressA
+      );
+      await expect(
+        walletCache.getSpentNotesNullifiers(["foo"])
+      ).resolves.toStrictEqual([]);
+    });
+
+    it("should expose a method to retrieve the cached stake info for a given account", async () => {
+      for (const stakeInfo of cacheStakeInfo) {
+        await expect(
+          walletCache.getStakeInfo(stakeInfo.account)
+        ).resolves.toStrictEqual(stakeInfo.stakeInfo);
+      }
+    });
+
+    it('should return "empty" stake info if none is stored in the cache for the given account', async () => {
+      await expect(
+        walletCache.getStakeInfo("fake-account")
+      ).resolves.toStrictEqual({
+        amount: null,
+        faults: 0,
+        hardFaults: 0,
+        reward: 0n,
+      });
+    });
+
+    it("should expose a method to retrieve the sync info, which returns empty info if there is no info stored", async () => {
+      await expect(walletCache.getSyncInfo()).resolves.toStrictEqual(
+        cacheSyncInfo[0]
+      );
+
+      await walletCache.clear();
+
+      await expect(walletCache.getSyncInfo()).resolves.toStrictEqual({
+        block: {
+          hash: "",
+          height: 0n,
+        },
+        bookmark: 0n,
+        lastFinalizedBlockHeight: 0n,
+      });
+    });
+
+    it("should expose a method to retrieve the unspent notes and optionally filter them by their address", async () => {
+      const unspentDbNotes = sortByNullifier(
+        await walletCache.getUnspentNotes()
+      );
+      const unspentNotes = sortByNullifier(cacheUnspentNotes);
+      const unspentDbNotesByAddressA = sortByNullifier(
+        await walletCache.getUnspentNotes([addressA])
+      );
+      const unspentDbNotesByAddresses = sortByNullifier(
+        await walletCache.getUnspentNotes(addresses)
+      );
+      const unspentNotesByAddressA = filterByAddressA(unspentNotes);
+      const unspentNotesByAddresses = filterByAddresses(unspentNotes);
+
+      expect(unspentDbNotes).toStrictEqual(unspentNotes);
+      expect(unspentDbNotesByAddresses).toStrictEqual(unspentNotesByAddresses);
+      expect(
+        sortByNullifier(await walletCache.getUnspentNotes([]))
+      ).toStrictEqual(unspentNotes);
+      expect(unspentDbNotesByAddressA).toStrictEqual(unspentNotesByAddressA);
+      await expect(walletCache.getUnspentNotes(["foo"])).resolves.toStrictEqual(
+        []
+      );
+    });
+
+    it("should expose a method to retrieve the unspent notes nullifiers and optionally filter them by their address", async () => {
+      const unspentDbNullifiers = sortNullifiers(
+        await walletCache.getUnspentNotesNullifiers()
+      );
+      const unspentNullifiers = sortNullifiers(
+        pluckFrom(cacheUnspentNotes, "nullifier")
+      );
+      const unspentDbNullifiersByAddressA = sortNullifiers(
+        await walletCache.getUnspentNotesNullifiers([addressA])
+      );
+      const unspentDbNullifiersByAddresses = sortNullifiers(
+        await walletCache.getUnspentNotesNullifiers(addresses)
+      );
+      const unspentNullifiersByAddressA = pluckFrom(
+        sortByNullifier(filterByAddressA(cacheUnspentNotes)),
+        "nullifier"
+      );
+      const unspentNullifiersByAddresses = pluckFrom(
+        sortByNullifier(filterByAddresses(cacheUnspentNotes)),
+        "nullifier"
+      );
+
+      expect(unspentDbNullifiers).toStrictEqual(unspentNullifiers);
+      expect(unspentDbNullifiersByAddresses).toStrictEqual(
+        unspentNullifiersByAddresses
+      );
+      expect(
+        sortNullifiers(await walletCache.getUnspentNotesNullifiers([]))
+      ).toStrictEqual(unspentNullifiers);
+      expect(unspentDbNullifiersByAddressA).toStrictEqual(
+        unspentNullifiersByAddressA
+      );
+      await expect(
+        walletCache.getUnspentNotesNullifiers(["foo"])
+      ).resolves.toStrictEqual([]);
+    });
+  });
+
+  describe("Adding notes", () => {
+    /** @type {WalletCacheSyncInfo} */
+    let currentSyncInfo;
+
+    /** @type {NotesSyncInfo} */
+    let newNotesSyncInfo;
+
+    /** @type {WalletCacheSyncInfo} */
+    let newSyncInfo;
+
+    const address = cacheUnspentNotes[0].address;
+
+    /** @type {(note: WalletCacheNote) => boolean} */
+    const hasTestAddress = (note) => note.address === address;
+
+    /** @type {WalletCacheNote} */
+    const newNote = {
+      address,
+      note: new Uint8Array(),
+      nullifier: new Uint8Array(32).fill(0),
+    };
+
+    beforeEach(async () => {
+      currentSyncInfo = await walletCache.getSyncInfo();
+
+      expect(currentSyncInfo.block.height).toBeGreaterThan(0n);
+      expect(currentSyncInfo.bookmark).toBeGreaterThan(0n);
+
+      newNotesSyncInfo = {
+        block: {
+          hash: "",
+          height: currentSyncInfo.block.height + 99n,
+        },
+        bookmark: currentSyncInfo.bookmark + 90n,
+      };
+
+      newSyncInfo = {
+        ...newNotesSyncInfo,
+        lastFinalizedBlockHeight: currentSyncInfo.lastFinalizedBlockHeight,
+      };
+    });
+
+    it("should expose a method to add new notes to the unspent list", async () => {
+      /*
+       * We just pick some notes to add from the spent list for the test,
+       * as we just need to see that they are added.
+       * Notes can't go from spent to unspent anyway.
+       */
+      const unspentNotesToAdd = cacheSpentNotes.map(setKey("address", address));
+
+      const unspentNoteDuplicate = cacheUnspentNotes.find(hasTestAddress);
+
+      if (!unspentNoteDuplicate) {
+        throw new Error(
+          "No suitable unspent note found to setup the duplicate test"
+        );
+      }
+
+      /*
+       * We also pick an existing unspent note to verify
+       * that duplicates aren't being added.
+       */
+      const newNotes = unspentNotesToAdd.concat(
+        newNote,
+        structuredClone(unspentNoteDuplicate)
+      );
+      const expectedUnspentNotes = cacheUnspentNotes.concat(
+        newNote,
+        unspentNotesToAdd
+      );
+
+      await walletCache.addUnspentNotes(newNotes, newNotesSyncInfo);
+
+      await expect(
+        walletCache.getUnspentNotes().then(sortByNullifier)
+      ).resolves.toStrictEqual(sortByNullifier(expectedUnspentNotes));
+      await expect(walletCache.getSyncInfo()).resolves.toStrictEqual(
+        newSyncInfo
+      );
+    });
+
+    it("should leave the unspent notes and the sync info as they were if an error occurs during insertion", async () => {
+      // @ts-expect-error
+      const newNotes = cacheSpentNotes.concat({});
+
+      await expect(
+        walletCache.addUnspentNotes(newNotes, newNotesSyncInfo)
+      ).rejects.toBeInstanceOf(Error);
+
+      expect(sortByNullifier(cacheUnspentNotes)).toStrictEqual(
+        sortByNullifier(await walletCache.getUnspentNotes())
+      );
+      await expect(walletCache.getSyncInfo()).resolves.toStrictEqual(
+        currentSyncInfo
+      );
+    });
+  });
+
+  describe("Spending notes", () => {
+    it("should expose a method to move a group of notes from the unspent to the spent table", async () => {
+      /** @type {(entry: { nullifier: Uint8Array<ArrayBuffer> }) => Uint8Array<ArrayBuffer>} */
+      const getNullifier = getKey("nullifier");
+      const [pendingToSpend, expectedPending] = await walletCache
+        .getPendingNotesInfo()
+        .then(sortByNullifier)
+        .then(collect([take(2), drop(2)]));
+
+      // checks to ensure we have enough meaningful data for the test
+      expect(pendingToSpend.length).toBe(2);
+      expect(expectedPending.length).toBeGreaterThan(0);
+
+      const pendingNullifiersLookup = new Set(
+        pendingToSpend.map(compose(String, getNullifier))
+      );
+
+      const [expectedNotesToBeSpent, expectedUnspentNotes] = await walletCache
+        .getUnspentNotes()
+        .then(sortByNullifier)
+        .then(
+          partitionWith((note) =>
+            pendingNullifiersLookup.has(note.nullifier.toString())
+          )
+        );
+
+      const expectedSpentNotes = await walletCache
+        .getSpentNotes()
+        .then((notes) => notes.concat(expectedNotesToBeSpent))
+        .then(sortByNullifier);
+
+      // checks to ensure we have enough meaningful data for the test
+      expect(expectedNotesToBeSpent.length).toBeGreaterThan(0);
+      expect(expectedUnspentNotes.length).toBeGreaterThan(0);
+      expect(expectedSpentNotes.length).toBeGreaterThan(0);
+
+      const nullifiersToSpend = pendingToSpend
+        .map(getNullifier)
+        .concat(expectedNotesToBeSpent.map(getNullifier));
+
+      await walletCache.spendNotes(nullifiersToSpend);
+
+      await expect(
+        walletCache.getUnspentNotes().then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedUnspentNotes);
+      await expect(
+        walletCache.getPendingNotesInfo().then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedPending);
+      await expect(
+        walletCache.getSpentNotes().then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedSpentNotes);
+    });
+
+    it("should leave the database as is if the array of nullifiers to spend is empty", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+
+      await walletCache.spendNotes([]);
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+
+    it("should leave the database as is if the received nullifiers aren't in the unspent list", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+      const nonExistingNullifiers = pluckFrom(currentSpentNotes, "nullifier");
+
+      await walletCache.spendNotes(nonExistingNullifiers);
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+
+    it("should leave the database as is if an error occurs during the spend procedure", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+
+      // @ts-expect-error We are passing an invalid value on purpose
+      await walletCache.spendNotes(() => {});
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+  });
+
+  describe("Unspending notes", () => {
+    it("should expose a method to move a group of notes from the spent to the unspent table", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const [notesToUnspend, expectedSpentNotes] = await walletCache
+        .getSpentNotes()
+        .then(sortByNullifier)
+        .then(collect([take(2), drop(2)]));
+      const expectedUnspentNotes = await walletCache
+        .getUnspentNotes()
+        .then((notes) => notes.concat(notesToUnspend))
+        .then(sortByNullifier);
+
+      // checks to ensure we have enough meaningful data for the test
+      expect(notesToUnspend.length).toBeGreaterThan(0);
+      expect(expectedSpentNotes.length).toBeGreaterThan(0);
+
+      await walletCache.unspendNotes(pluckFrom(notesToUnspend, "nullifier"));
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(
+        walletCache.getUnspentNotes().then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedUnspentNotes);
+      await expect(
+        walletCache.getSpentNotes().then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedSpentNotes);
+    });
+
+    it("should leave the database as is if the array of nullifiers to unspend is empty", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+
+      await walletCache.unspendNotes([]);
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+
+    it("should leave the database as is if the received nullifiers aren't in the spent list", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+      const nonExistingNullifiers = pluckFrom(currentUnspentNotes, "nullifier");
+
+      await walletCache.unspendNotes(nonExistingNullifiers);
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+
+    it("should leave the database as is if an error occurs during the unspend procedure", async () => {
+      const currentPendingInfo = await walletCache.getPendingNotesInfo();
+      const currentSpentNotes = await walletCache.getSpentNotes();
+      const currentUnspentNotes = await walletCache.getUnspentNotes();
+
+      // @ts-expect-error We are passing an invalid value on purpose
+      await walletCache.unspendNotes(() => {});
+
+      await expect(walletCache.getPendingNotesInfo()).resolves.toStrictEqual(
+        currentPendingInfo
+      );
+      await expect(walletCache.getSpentNotes()).resolves.toStrictEqual(
+        currentSpentNotes
+      );
+      await expect(walletCache.getUnspentNotes()).resolves.toStrictEqual(
+        currentUnspentNotes
+      );
+    });
+  });
+
+  describe("Utilities", () => {
+    it("should expose a method that returns the array of unique nullifiers contained only in the first of the two given sets of nullifiers", () => {
+      /** @type {(source: WalletCacheNote[]) => Uint8Array<ArrayBuffer>[]} */
+      const getNullifiers = pluck("nullifier");
+      const a = getNullifiers(cacheUnspentNotes);
+      const b = getNullifiers(cacheUnspentNotes.slice(0, a.length - 2));
+
+      // ensure we have meaningful data for the test
+      expect(a.length).toBeGreaterThan(0);
+      expect(b.length).toBeGreaterThan(1);
+
+      expect(walletCache.nullifiersDifference(a, b)).toStrictEqual(a.slice(-2));
+      expect(walletCache.nullifiersDifference(b, a)).toStrictEqual([]);
+      expect(walletCache.nullifiersDifference(a, [])).toStrictEqual(a);
+      expect(walletCache.nullifiersDifference([], b)).toStrictEqual([]);
+    });
+
+    it("should expose a method to set the balance of a given address", async () => {
+      const newBalance = {
+        address: "fake-address",
+        balance: {
+          shielded: {
+            spendable: 123n,
+            value: 456n,
+          },
+          unshielded: {
+            nonce: 7n,
+            value: 345n,
+          },
+        },
+      };
+
+      await walletCache.setBalanceInfo(newBalance.address, newBalance.balance);
+
+      for (const balanceInfo of cacheBalances.concat(newBalance)) {
+        await expect(
+          walletCache.getBalanceInfo(balanceInfo.address)
+        ).resolves.toStrictEqual(balanceInfo.balance);
+      }
+
+      // overwrite test
+      const modifiedBalance = updatePathIn(
+        newBalance.balance,
+        "shielded.value",
+        add(345n)
+      );
+
+      await walletCache.setBalanceInfo(
+        cacheBalances[0].address,
+        modifiedBalance
+      );
+
+      await expect(
+        walletCache.getBalanceInfo(cacheBalances[0].address)
+      ).resolves.toStrictEqual(modifiedBalance);
+    });
+
+    it("should expose a method to set a group of notes as pending", async () => {
+      const existingPendingNullifiersAsStrings = await walletCache
+        .getPendingNotesInfo()
+        .then(mapWith(compose(String, getKey("nullifier"))));
+
+      /** @type {(notes: WalletCacheNote[]) => WalletCacheNote[]} */
+      const getTwoSpendableNotes = compose(
+        take(2),
+        filterWith(
+          (note) =>
+            !existingPendingNullifiersAsStrings.includes(
+              note.nullifier.toString()
+            )
+        )
+      );
+      const spendableNotes = getTwoSpendableNotes(cacheUnspentNotes);
+
+      // ensure we have the necessary data
+      expect(spendableNotes.length).toBe(2);
+
+      const spendableNullifiers = pluckFrom(spendableNotes, "nullifier");
+      const expectedInfo = sortByNullifier(
+        spendableNullifiers.map((nullifier) => ({
+          nullifier,
+          txId: "some-tx-id",
+        }))
+      );
+
+      await walletCache.setPendingNotesInfo(spendableNullifiers, "some-tx-id");
+
+      await expect(
+        walletCache
+          .getPendingNotesInfo(spendableNullifiers)
+          .then(sortByNullifier)
+      ).resolves.toStrictEqual(expectedInfo);
+    });
+
+    it("should expose a method to set the stake info of a given account", async () => {
+      const newStakeInfo = {
+        account: "fake-account",
+        stakeInfo: {
+          amount: {
+            eligibility: 123n,
+            locked: 789n,
+            get total() {
+              return this.value + this.locked;
+            },
+            value: 3456n,
+          },
+          faults: 1,
+          hardFaults: 1,
+          nonce: 10n,
+          reward: 9000n,
+        },
+      };
+
+      await walletCache.setStakeInfo(
+        newStakeInfo.account,
+        newStakeInfo.stakeInfo
+      );
+
+      for (const stakeInfo of cacheStakeInfo.concat(newStakeInfo)) {
+        await expect(
+          walletCache.getStakeInfo(stakeInfo.account)
+        ).resolves.toStrictEqual(stakeInfo.stakeInfo);
+      }
+
+      // overwrite test
+      const modifiedStakeInfo = updatePathIn(
+        newStakeInfo.stakeInfo,
+        "amount.eligibility",
+        add(345n)
+      );
+
+      await walletCache.setStakeInfo(
+        cacheStakeInfo[0].account,
+        modifiedStakeInfo
+      );
+
+      await expect(
+        walletCache.getStakeInfo(cacheStakeInfo[0].account)
+      ).resolves.toStrictEqual(modifiedStakeInfo);
+    });
+
+    it("should expose a method to replace the current stored sync info", async () => {
+      const currentSyncInfo = await walletCache.getSyncInfo();
+      const newSyncInfo = {
+        block: {
+          hash: "some-new-hash",
+          height: currentSyncInfo.block.height + 35n,
+        },
+        bookmark: currentSyncInfo.bookmark + 10n,
+        lastFinalizedBlockHeight:
+          currentSyncInfo.lastFinalizedBlockHeight + 25n,
+      };
+
+      await walletCache.setSyncInfo(newSyncInfo);
+
+      await expect(walletCache.getSyncInfo()).resolves.toStrictEqual(
+        newSyncInfo
+      );
+    });
+
+    it("should expose a method to convert notes in the w3sper map format into the one used by the cache", () => {
+      const addresses = uniques(pluckFrom(cacheUnspentNotes, "address"));
+      const fakeProfiles = addresses.map((address) => ({
+        address: {
+          toString() {
+            return address;
+          },
+        },
+      }));
+      const notesAsMap = notesArrayToMap(cacheUnspentNotes);
+      const notesArray =
+        /** @type {Array<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>} */ (
+          addresses.map((address) => notesAsMap.get(address))
+        );
+
+      expect(
+        // @ts-expect-error we are passing fake profiles
+        sortByNullifier(walletCache.toCacheNotes(notesArray, fakeProfiles))
+      ).toStrictEqual(sortByNullifier(cacheUnspentNotes));
+      expect(walletCache.toCacheNotes([], [])).toStrictEqual([]);
+    });
+  });
+});
diff --git a/src/lib/wallet-cache/index.js b/src/lib/wallet-cache/index.js
new file mode 100644
index 00000000..cd4f3bb5
--- /dev/null
+++ b/src/lib/wallet-cache/index.js
@@ -0,0 +1,405 @@
+import { Dexie } from "dexie";
+import {
+  compose,
+  condition,
+  getKey,
+  getPath,
+  head,
+  isUndefined,
+  mapWith,
+  updateKey,
+  when,
+} from "lamb";
+
+/** @type {(buffer: ArrayBuffer) => Uint8Array<ArrayBuffer>} */
+const bufferToUint8Array = (buffer) => new Uint8Array(buffer);
+
+/** @type {(profiles: Array<Profile>) => string[]} */
+const getAddressesFrom = mapWith(compose(String, getKey("address")));
+
+const nullifiersToString = mapWith(String);
+
+/** @type {(source: WalletCacheDbNote) => Omit<WalletCacheDbNote, "note"> & { note: Uint8Array<ArrayBuffer> }} */
+const updateNote = updateKey("note", bufferToUint8Array);
+
+const updateNullifier = updateKey("nullifier", bufferToUint8Array);
+
+/** @type {(v: WalletCacheDbPendingNoteInfo[]) => WalletCachePendingNoteInfo[]} */
+const restorePendingInfo = mapWith(updateNullifier);
+
+/** @type {(v: WalletCacheDbNote[]) => WalletCacheNote[]} */
+const restoreNotes = mapWith(compose(updateNullifier, updateNote));
+
+const restoreNullifiers = mapWith(bufferToUint8Array);
+
+class WalletCache {
+  /** @type {Dexie} */
+  #db;
+
+  /** @type {WalletCacheBalanceInfo["balance"]} */
+  #emptyBalanceInfo = Object.freeze({
+    shielded: { spendable: 0n, value: 0n },
+    unshielded: { nonce: 0n, value: 0n },
+  });
+
+  /** @type {StakeInfo} */
+  #emptyStakeInfo = Object.freeze({
+    amount: null,
+    faults: 0,
+    hardFaults: 0,
+    reward: 0n,
+  });
+
+  /** @type {WalletCacheSyncInfo} */
+  #emptySyncInfo = Object.freeze({
+    block: {
+      hash: "",
+      height: 0n,
+    },
+    bookmark: 0n,
+    lastFinalizedBlockHeight: 0n,
+  });
+
+  /**
+   * @template {WalletCacheTableName} TName
+   * @template {boolean} PK
+   * @param {TName} tableName
+   * @param {PK} primaryKeysOnly
+   * @param {WalletCacheCriteria} [criteria]
+   * @returns {Promise<WalletCacheGetEntriesReturnType<TName, PK>>}
+   */
+  async #getEntriesFrom(tableName, primaryKeysOnly, criteria) {
+    const table = this.#db.table(tableName);
+    const data =
+      /** @type {import("dexie").PromiseExtended<WalletCacheGetEntriesReturnType<TName, PK>>} */ (
+        criteria?.values.length
+          ? table
+              .where(criteria.field)
+              .anyOf(criteria.values)
+              [primaryKeysOnly ? "primaryKeys" : "toArray"]()
+          : primaryKeysOnly
+            ? table.toCollection().primaryKeys()
+            : table.toArray()
+      );
+
+    return data.finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  constructor() {
+    const db = new Dexie("@dusk-network/wallet-cache", { autoOpen: true });
+
+    db.version(3)
+      .stores({
+        balancesInfo: "address",
+        pendingNotesInfo: "nullifier,txId",
+        spentNotes: "nullifier,address",
+        stakeInfo: "account",
+        syncInfo: "++",
+        unspentNotes: "nullifier,address",
+      })
+      .upgrade((tx) =>
+        tx
+          .table("syncInfo")
+          .toCollection()
+          .modify((old, ref) => {
+            ref.value = {
+              ...this.#emptySyncInfo,
+              block: {
+                ...this.#emptySyncInfo.block,
+                height: old.blockHeight,
+              },
+              bookmark: old.bookmark,
+              lastFinalizedBlockHeight: 0n,
+            };
+          })
+      );
+
+    this.#db = db;
+  }
+
+  /**
+   * While adding notes we clear and re-create the sync info based
+   * on what we receive in the note stream, but we keep the
+   * current `lastFinalizedBlockHeight`.
+   * The sync info there is not complete and needs to be enriched
+   * at the end of the sync process by calling `setSyncInfo`.
+   *
+   * @param {WalletCacheNote[]} notes
+   * @param {NotesSyncInfo} notesSyncInfo
+   * @returns {Promise<void>}
+   */
+  addUnspentNotes(notes, notesSyncInfo) {
+    return this.#db
+      .transaction("rw", ["syncInfo", "unspentNotes"], async () => {
+        const currentSyncInfo = await this.getSyncInfo();
+        const syncInfoTable = this.#db.table("syncInfo");
+
+        await syncInfoTable.clear();
+        await syncInfoTable.add({ ...currentSyncInfo, ...notesSyncInfo });
+        await this.#db.table("unspentNotes").bulkPut(notes);
+      })
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /** @returns {Promise<void>} */
+  clear() {
+    return this.#db.delete({ disableAutoOpen: false });
+  }
+
+  /**
+   * @param {string} address
+   * @returns {Promise<WalletCacheBalanceInfo["balance"]>}
+   */
+  getBalanceInfo(address) {
+    return this.#getEntriesFrom("balancesInfo", false, {
+      field: "address",
+      values: [address],
+    })
+      .then(getPath("0.balance"))
+      .then(when(isUndefined, () => this.#emptyBalanceInfo));
+  }
+
+  /**
+   * @param {Uint8Array<ArrayBuffer>[]} [nullifiers]
+   * @returns {Promise<WalletCachePendingNoteInfo[]>}
+   */
+  getPendingNotesInfo(nullifiers = []) {
+    return this.#getEntriesFrom("pendingNotesInfo", false, {
+      field: "nullifier",
+      values: nullifiers,
+    }).then(restorePendingInfo);
+  }
+
+  /**
+   * @param {string[]} [addresses] Base58 encoded addresses to fetch the spent notes of
+   * @returns {Promise<WalletCacheNote[]>}
+   */
+  getSpentNotes(addresses = []) {
+    return this.#getEntriesFrom("spentNotes", false, {
+      field: "address",
+      values: addresses,
+    }).then(restoreNotes);
+  }
+
+  /**
+   * @param {string[]} [addresses] Base58 encoded addresses to fetch the spent notes of
+   * @returns {Promise<Uint8Array<ArrayBuffer>[]>}
+   */
+  getSpentNotesNullifiers(addresses = []) {
+    return this.#getEntriesFrom("spentNotes", true, {
+      field: "address",
+      values: addresses,
+    }).then(restoreNullifiers);
+  }
+
+  /**
+   * @param {string} account
+   * @returns {Promise<StakeInfo>}
+   */
+  getStakeInfo(account) {
+    return this.#getEntriesFrom("stakeInfo", false, {
+      field: "account",
+      values: [account],
+    })
+      .then(getPath("0.stakeInfo"))
+      .then(
+        condition(
+          isUndefined,
+          () => this.#emptyStakeInfo,
+
+          // we reinstate the `total` getter if the
+          // amount is not `null`
+          (stakeInfo) => ({
+            ...stakeInfo,
+            amount: stakeInfo.amount
+              ? {
+                  ...stakeInfo.amount,
+                  get total() {
+                    return this.value + this.locked;
+                  },
+                }
+              : null,
+          })
+        )
+      );
+  }
+
+  /** @returns {Promise<WalletCacheSyncInfo>} */
+  getSyncInfo() {
+    return this.#getEntriesFrom("syncInfo", false)
+      .then(head)
+      .then(when(isUndefined, () => this.#emptySyncInfo));
+  }
+
+  /**
+   * @param {string[]} [addresses] Base58 encoded addresses to fetch the unspent notes of
+   * @returns {Promise<WalletCacheNote[]>}
+   */
+  getUnspentNotes(addresses = []) {
+    return this.#getEntriesFrom("unspentNotes", false, {
+      field: "address",
+      values: addresses,
+    }).then(restoreNotes);
+  }
+
+  /**
+   * @param {string[]} [addresses] Base58 encoded addresses to fetch the unspent notes of
+   * @returns {Promise<Uint8Array<ArrayBuffer>[]>}
+   */
+  getUnspentNotesNullifiers(addresses = []) {
+    return this.#getEntriesFrom("unspentNotes", true, {
+      field: "address",
+      values: addresses,
+    }).then(restoreNullifiers);
+  }
+
+  /**
+   * Returns the array of unique nullifiers contained only
+   * in the first of the two given nullifiers arrays.
+   *
+   * @see {@link https://en.wikipedia.org/wiki/Complement_(set_theory)#Relative_complement}
+   *
+   * @param {Uint8Array<ArrayBuffer>[]} a
+   * @param {Uint8Array<ArrayBuffer>[]} b
+   * @returns {Uint8Array<ArrayBuffer>[]}
+   */
+  nullifiersDifference(a, b) {
+    if (a.length === 0 || b.length === 0) {
+      return a;
+    }
+
+    const result = [];
+    const lookup = new Set(nullifiersToString(b));
+
+    for (const entry of a) {
+      if (!lookup.has(entry.toString())) {
+        result.push(entry);
+      }
+    }
+
+    return result;
+  }
+
+  /**
+   * @param {string} address
+   * @param {WalletCacheBalanceInfo["balance"]} balance
+   * @returns {Promise<void>}
+   */
+  async setBalanceInfo(address, balance) {
+    await this.#db
+      .table("balancesInfo")
+      .put({ address, balance })
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * @param {Uint8Array<ArrayBuffer>[]} nullifiers
+   * @param {string} txId
+   * @returns {Promise<void>}
+   */
+  async setPendingNotesInfo(nullifiers, txId) {
+    const data = nullifiers.map((nullifier) => ({ nullifier, txId }));
+
+    await this.#db
+      .table("pendingNotesInfo")
+      .bulkAdd(data)
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * @param {string} account
+   * @param {StakeInfo} stakeInfo
+   * @returns {Promise<void>}
+   */
+  async setStakeInfo(account, stakeInfo) {
+    await this.#db
+      .table("stakeInfo")
+      .put({ account, stakeInfo })
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * @param {WalletCacheSyncInfo} syncInfo
+   * @returns {Promise<void>}
+   */
+  setSyncInfo(syncInfo) {
+    return this.#db
+      .transaction("rw", "syncInfo", async () => {
+        const syncInfoTable = this.#db.table("syncInfo");
+
+        await syncInfoTable.clear();
+        await syncInfoTable.add(syncInfo);
+      })
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * Added the `ArrayBuffer[]` as a possibility as
+   * w3sper in some cases doesn't return a `Uint8Array<ArrayBuffer>[]`.
+   * IndexedDB will write ArrayBuffers in the database anyway.
+   *
+   * @param {Uint8Array<ArrayBuffer>[] | ArrayBuffer[]} nullifiers
+   * @returns {Promise<void>}
+   */
+  async spendNotes(nullifiers) {
+    return this.#db
+      .transaction(
+        "rw",
+        ["pendingNotesInfo", "spentNotes", "unspentNotes"],
+        async () => {
+          const newlySpentNotes = await this.#db
+            .table("unspentNotes")
+            .where("nullifier")
+            .anyOf(nullifiers)
+            .toArray();
+
+          await this.#db.table("pendingNotesInfo").bulkDelete(nullifiers);
+          await this.#db.table("unspentNotes").bulkDelete(nullifiers);
+          await this.#db.table("spentNotes").bulkAdd(newlySpentNotes);
+        }
+      )
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * @param {Uint8Array<ArrayBuffer>[]} nullifiers
+   * @returns {Promise<void>}
+   */
+  async unspendNotes(nullifiers) {
+    return this.#db
+      .transaction("rw", ["spentNotes", "unspentNotes"], async () => {
+        const notesToUnspend = await this.#db
+          .table("spentNotes")
+          .where("nullifier")
+          .anyOf(nullifiers)
+          .toArray();
+
+        await this.#db.table("spentNotes").bulkDelete(nullifiers);
+        await this.#db.table("unspentNotes").bulkAdd(notesToUnspend);
+      })
+      .finally(() => this.#db.close({ disableAutoOpen: false }));
+  }
+
+  /**
+   * @param {Array<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>} syncerNotes
+   * @param {Array<Profile>} profiles
+   * @returns {WalletCacheNote[]}
+   */
+  toCacheNotes(syncerNotes, profiles) {
+    const addresses = getAddressesFrom(profiles);
+
+    return syncerNotes.reduce((result, entry, idx) => {
+      Array.from(entry).forEach(([nullifier, note]) => {
+        result.push({
+          address: addresses[idx],
+          note,
+          nullifier,
+        });
+      });
+
+      return result;
+    }, /** @type {WalletCacheNote[]} */ ([]));
+  }
+}
+
+export default new WalletCache();
diff --git a/src/lib/wallet-cache/wallet-cache.d.ts b/src/lib/wallet-cache/wallet-cache.d.ts
new file mode 100644
index 00000000..7cdf9ad0
--- /dev/null
+++ b/src/lib/wallet-cache/wallet-cache.d.ts
@@ -0,0 +1,93 @@
+/**
+ * Sync info coming from the unspent
+ * notes stream, enriched with the
+ * block hash.
+ */
+type NotesSyncInfo = {
+  block: { hash: string; height: bigint };
+  bookmark: bigint;
+};
+
+type WalletCacheBalanceInfo = {
+  address: string;
+  balance: { shielded: AddressBalance; unshielded: AccountBalance };
+};
+
+type WalletCacheCriteria =
+  | { field: "address"; values: string[] }
+  | { field: "account"; values: string[] }
+  | { field: "nullifier"; values: Uint8Array<ArrayBuffer>[] }
+  | undefined;
+
+type WalletCacheNote = {
+  address: string;
+  note: Uint8Array<ArrayBuffer>;
+  nullifier: Uint8Array<ArrayBuffer>;
+};
+
+type WalletCacheDbNote = Omit<WalletCacheNote, "note" | "nullifier"> & {
+  note: ArrayBufferLike;
+  nullifier: ArrayBufferLike;
+};
+
+type WalletCacheDbStakeInfo = {
+  account: string;
+  stakeInfo: Omit<StakeInfo, "amount"> & {
+    amount: null | Omit<Exclude<StakeInfo["amount"], null>, "total">;
+  };
+};
+
+type WalletCacheGetDataType<T extends WalletCacheTableName> =
+  T extends "balancesInfo"
+    ? WalletCacheBalanceInfo[]
+    : T extends "pendingNotesInfo"
+      ? WalletCacheDbPendingNoteInfo[]
+      : T extends "stakeInfo"
+        ? WalletCacheDbStakeInfo[]
+        : T extends "syncInfo"
+          ? WalletCacheSyncInfo[]
+          : WalletCacheDbNote[];
+
+type WalletCacheGetEntriesReturnType<
+  T extends WalletCacheTableName,
+  U extends boolean,
+> = U extends false
+  ? WalletCacheGetDataType<T>
+  : T extends "syncInfo"
+    ? never
+    : T extends "balancesInfo"
+      ? never
+      : T extends "stakeInfo"
+        ? never
+        : ArrayBuffer[];
+
+type WalletCacheHistoryEntry = {
+  history: Transaction[];
+  lastBlockHeight: number;
+  psk: string;
+};
+
+type WalletCacheNotesMap = Map<
+  string,
+  Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>
+>;
+
+type WalletCachePendingNoteInfo = {
+  nullifier: Uint8Array<ArrayBuffer>;
+  txId: string;
+};
+
+type WalletCacheDbPendingNoteInfo = Omit<
+  WalletCachePendingNoteInfo,
+  "nullifier"
+> & { nullifier: ArrayBuffer };
+
+type WalletCacheSyncInfo = NotesSyncInfo & { lastFinalizedBlockHeight: bigint };
+
+type WalletCacheTableName =
+  | "balancesInfo"
+  | "pendingNotesInfo"
+  | "syncInfo"
+  | "spentNotes"
+  | "stakeInfo"
+  | "unspentNotes";
diff --git a/src/lib/wallet-treasury/__tests__/index.spec.js b/src/lib/wallet-treasury/__tests__/index.spec.js
new file mode 100644
index 00000000..e63e6962
--- /dev/null
+++ b/src/lib/wallet-treasury/__tests__/index.spec.js
@@ -0,0 +1,297 @@
+import {
+  afterAll,
+  afterEach,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { mapValues, mapWith, multiplyBy, pluckFrom } from "lamb";
+
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
+
+import { cachePendingNotesInfo } from "$lib/mock-data";
+import {
+  fillCacheDatabase,
+  getCacheDatabase,
+  sortNullifiers,
+} from "$lib/test-helpers";
+import networkStore from "$lib/stores/networkStore";
+
+import WalletTreasury from "..";
+import walletCache from "$lib/wallet-cache";
+
+describe("WalletTreasury", () => {
+  /** @type {WalletTreasury} */
+  let walletTreasury;
+
+  const getBlockHashByHeightSpy = vi
+    .spyOn(networkStore, "getBlockHashByHeight")
+    .mockResolvedValue("fake-block-hash");
+  const { profiles } = mockedWalletStore.getMockedStoreValue();
+  const db = getCacheDatabase();
+
+  beforeAll(async () => {
+    await fillCacheDatabase();
+  });
+
+  beforeEach(() => {
+    walletTreasury = new WalletTreasury(profiles);
+  });
+
+  afterEach(async () => {
+    await getCacheDatabase().delete({ disableAutoOpen: false });
+    await fillCacheDatabase();
+    getBlockHashByHeightSpy.mockClear();
+  });
+
+  afterAll(() => {
+    getBlockHashByHeightSpy.mockRestore();
+  });
+
+  describe("Treasury interface", () => {
+    /** @type {string} */
+    let addressWithPendingNotes;
+
+    /** @type {WalletCacheNote[]} */
+    let expectedNotes;
+
+    const nullifierToExclude = cachePendingNotesInfo[1].nullifier;
+    const pendingNullifiersAsStrings = pluckFrom(
+      cachePendingNotesInfo,
+      "nullifier"
+    ).map(String);
+    const fakeKey = {
+      toString() {
+        return addressWithPendingNotes;
+      },
+    };
+
+    beforeAll(async () => {
+      await db.open();
+
+      addressWithPendingNotes = (
+        await db
+          .table("unspentNotes")
+          .where("nullifier")
+          .equals(nullifierToExclude)
+          .first()
+      )?.address;
+
+      if (!addressWithPendingNotes) {
+        throw new Error(
+          "A pending note with a nullifier present in unspent notes is missing"
+        );
+      }
+
+      expectedNotes = await db
+        .table("unspentNotes")
+        .where("address")
+        .equals(addressWithPendingNotes)
+        .and(
+          (note) =>
+            !pendingNullifiersAsStrings.includes(
+              new Uint8Array(note.nullifier).toString()
+            )
+        )
+        .toArray()
+        .then(
+          mapWith((entry) => ({
+            ...entry,
+            note: new Uint8Array(entry.note),
+            nullifier: new Uint8Array(entry.nullifier),
+          }))
+        );
+
+      db.close();
+    });
+
+    it("should implement the `account` method of the treasury interface to retrieve the moonlight account balance for a given identifier", async () => {
+      const abortController = new AbortController();
+
+      await walletTreasury.update(0n, () => {}, abortController.signal);
+
+      // @ts-expect-error We don't care to pass a real `Key` object right now
+      await expect(walletTreasury.account(fakeKey)).resolves.toStrictEqual(
+        expect.objectContaining({
+          nonce: expect.any(BigInt),
+          value: expect.any(BigInt),
+        })
+      );
+    });
+
+    it("should return a rejected promise if the `account` method isn't able to find the balance for the given identifier", async () => {
+      // @ts-expect-error We don't care to pass a real `Key` object
+      await expect(walletTreasury.account(fakeKey)).rejects.toThrow();
+    });
+
+    it("should implement the `address` method of the treasury interface to retrieve all non-pending unspent notes for a given identifier", async () => {
+      // @ts-expect-error We don't care to pass a real `Key` object
+      const unspentNotesMapA = await walletTreasury.address(fakeKey);
+
+      // @ts-expect-error We don't care to pass a real `Key` object
+      const unspentNotesMapB = await walletTreasury.address({
+        toString() {
+          return "non-existent address";
+        },
+      });
+
+      expect(expectedNotes.length).toBe(unspentNotesMapA.size);
+      expect(sortNullifiers(Array.from(unspentNotesMapA.keys()))).toStrictEqual(
+        sortNullifiers(pluckFrom(expectedNotes, "nullifier"))
+      );
+      expect(
+        sortNullifiers(Array.from(unspentNotesMapA.values()))
+      ).toStrictEqual(sortNullifiers(pluckFrom(expectedNotes, "note")));
+      expect(unspentNotesMapB).toStrictEqual(new Map());
+    });
+
+    it("should implement the `stakeInfo` method of the treasury interface to retrieve the stake info for a given account", async () => {
+      const abortController = new AbortController();
+
+      await walletTreasury.update(0n, () => {}, abortController.signal);
+
+      // @ts-expect-error We don't care to pass a real `Key` object right now
+      await expect(walletTreasury.stakeInfo(fakeKey)).resolves.toStrictEqual(
+        expect.objectContaining({
+          amount: expect.objectContaining({
+            eligibility: expect.any(BigInt),
+            locked: expect.any(BigInt),
+            total: expect.any(BigInt),
+            value: expect.any(BigInt),
+          }),
+          faults: expect.any(Number),
+          hardFaults: expect.any(Number),
+          reward: expect.any(BigInt),
+        })
+      );
+    });
+
+    it("should return a rejected promise if the `stakeInfo` method isn't able to find the stake info for the given account", async () => {
+      await expect(
+        // @ts-expect-error We don't care to pass a real `Key` object right now
+        walletTreasury.stakeInfo({
+          toString() {
+            return "non-existent address";
+          },
+        })
+      ).rejects.toThrow();
+    });
+  });
+
+  describe("Cache access methods", () => {
+    it("should expose a method to clear the local cache", async () => {
+      // Right now we just call the cache method,
+      // so we won't repeat the wallet-cache test here.
+      const clearCacheSpy = vi
+        .spyOn(walletCache, "clear")
+        .mockResolvedValue(undefined);
+
+      await walletTreasury.clearCache();
+
+      expect(clearCacheSpy).toHaveBeenCalledTimes(1);
+
+      clearCacheSpy.mockRestore();
+    });
+
+    it("should expose a method to get the cached balance", async () => {
+      const expected = await walletCache.getBalanceInfo(
+        profiles[0].address.toString()
+      );
+
+      await expect(
+        walletTreasury.getCachedBalance(profiles[0])
+      ).resolves.toStrictEqual(expected);
+    });
+
+    it("should expose a method to get the cached sync info", async () => {
+      const expected = await walletCache.getSyncInfo();
+
+      await expect(walletTreasury.getCachedSyncInfo()).resolves.toStrictEqual(
+        expected
+      );
+    });
+
+    it("should expose a method to get the cached stake info", async () => {
+      const expected = await walletCache.getStakeInfo(
+        profiles[0].address.toString()
+      );
+
+      await expect(
+        walletTreasury.getCachedStakeInfo(profiles[0])
+      ).resolves.toStrictEqual(expected);
+    });
+
+    it("should expose a method to cache the balance of a given profile", async () => {
+      const address = profiles[0].address.toString();
+      const currentBalance = await walletCache.getBalanceInfo(address);
+      const newBalance = {
+        shielded: mapValues(currentBalance.shielded, multiplyBy(2n)),
+        unshielded: mapValues(currentBalance.unshielded, multiplyBy(3n)),
+      };
+
+      await walletTreasury.setCachedBalance(profiles[0], newBalance);
+
+      await expect(walletCache.getBalanceInfo(address)).resolves.toStrictEqual(
+        newBalance
+      );
+    });
+
+    it("should expose a method to cache the stake info", async () => {
+      // Right now we just call the cache method,
+      // so we won't repeat the wallet-cache test here.
+      const setCachedStakeInfoSpy = vi
+        .spyOn(walletCache, "setStakeInfo")
+        .mockResolvedValue(undefined);
+
+      const fakeStakeInfo = {};
+
+      // @ts-ignore we don't care to pass the correct type here
+      await walletTreasury.setCachedStakeInfo(profiles[0], fakeStakeInfo);
+
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledTimes(1);
+      expect(setCachedStakeInfoSpy).toHaveBeenCalledWith(
+        profiles[0].account.toString(),
+        fakeStakeInfo
+      );
+
+      setCachedStakeInfoSpy.mockRestore();
+    });
+
+    it("should expose a method to add notes to the pending notes cache", async () => {
+      // Right now we just call the cache method,
+      // so we won't repeat the wallet-cache test here.
+      const setPendingNotesSpy = vi
+        .spyOn(walletCache, "setPendingNotesInfo")
+        .mockResolvedValue(undefined);
+
+      const nullifiers = [new Uint8Array().fill(0)];
+      const txHash = "some-tx-hash";
+
+      await walletTreasury.updateCachedPendingNotes(nullifiers, txHash);
+
+      expect(setPendingNotesSpy).toHaveBeenCalledTimes(1);
+      expect(setPendingNotesSpy).toHaveBeenCalledWith(nullifiers, txHash);
+
+      setPendingNotesSpy.mockRestore();
+    });
+
+    it("should expose a method to update the unshielded nonce", async () => {
+      const address = profiles[0].address.toString();
+      const currentlyCachedBalance = await walletCache.getBalanceInfo(address);
+      const newNonce = currentlyCachedBalance.unshielded.nonce + 1n;
+
+      await walletTreasury.updateCachedNonce(profiles[0], newNonce);
+
+      await expect(walletCache.getBalanceInfo(address)).resolves.toStrictEqual({
+        ...currentlyCachedBalance,
+        unshielded: {
+          ...currentlyCachedBalance.unshielded,
+          nonce: newNonce,
+        },
+      });
+    });
+  });
+});
diff --git a/src/lib/wallet-treasury/index.js b/src/lib/wallet-treasury/index.js
new file mode 100644
index 00000000..6c6ca934
--- /dev/null
+++ b/src/lib/wallet-treasury/index.js
@@ -0,0 +1,300 @@
+import { map, setPathIn } from "lamb";
+
+import notesArrayToMap from "$lib/wallet/notesArrayToMap";
+import walletCache from "$lib/wallet-cache";
+import networkStore from "$lib/stores/networkStore";
+
+class WalletTreasury {
+  /** @type {AccountBalance[]} */
+  #accountBalances = [];
+
+  #profiles;
+
+  /** @type {StakeInfo[]} */
+  #accountStakeInfo = [];
+
+  /**
+   * @param {bigint} lastBlockHeight
+   * @returns {Promise<WalletCacheSyncInfo>}
+   */
+  async #getEnrichedSyncInfo(lastBlockHeight) {
+    const [currentSyncInfo, lastBlockHash, lastFinalizedBlockHeight] =
+      await Promise.all([
+        walletCache.getSyncInfo(),
+        networkStore.getBlockHashByHeight(lastBlockHeight).catch(() => ""),
+        networkStore.getLastFinalizedBlockHeight().catch(() => 0n),
+      ]);
+
+    return {
+      block: {
+        hash: lastBlockHash,
+        height: lastBlockHeight,
+      },
+      bookmark: currentSyncInfo.bookmark,
+      lastFinalizedBlockHeight,
+    };
+  }
+
+  /** @param {Profile[]} profiles */
+  constructor(profiles = []) {
+    this.#profiles = profiles;
+  }
+
+  /**
+   * @param {Profile["account"]} identifier
+   * @returns {Promise<AccountBalance>}
+   */
+  async account(identifier) {
+    const balance = this.#accountBalances.at(+identifier);
+
+    return (
+      balance ??
+      Promise.reject(
+        new Error("No balance found for the account with the given identifier")
+      )
+    );
+  }
+
+  /**
+   * @param {Profile["address"]} identifier
+   * @returns {Promise<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>}
+   */
+  async address(identifier) {
+    const address = identifier.toString();
+    const result = [];
+    const notes = await walletCache.getUnspentNotes([address]);
+
+    for (const note of notes) {
+      if (
+        (await walletCache.getPendingNotesInfo([note.nullifier])).length === 0
+      ) {
+        result.push(note);
+      }
+    }
+
+    return result.length
+      ? /** @type {Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>} */ (
+          notesArrayToMap(result).get(address)
+        )
+      : new Map();
+  }
+
+  /** @returns {Promise<void>} */
+  async clearCache() {
+    await walletCache.clear();
+  }
+
+  /**
+   * @param {Profile} profile
+   * @returns {Promise<WalletCacheBalanceInfo["balance"]>}
+   */
+  async getCachedBalance(profile) {
+    return await walletCache.getBalanceInfo(profile.address.toString());
+  }
+
+  /**
+   * @param {Profile} profile
+   * @returns {Promise<StakeInfo>}
+   */
+  async getCachedStakeInfo(profile) {
+    return await walletCache.getStakeInfo(profile.account.toString());
+  }
+
+  /**
+   * @returns {Promise<WalletCacheSyncInfo>}
+   */
+  async getCachedSyncInfo() {
+    return await walletCache.getSyncInfo();
+  }
+
+  /**
+   * @param {Profile} profile
+   * @param {WalletCacheBalanceInfo["balance"]} balance
+   * @returns {Promise<void>}
+   */
+  async setCachedBalance(profile, balance) {
+    await walletCache.setBalanceInfo(profile.address.toString(), balance);
+  }
+
+  /**
+   * @param {Profile} profile
+   * @param {StakeInfo} stakeInfo
+   * @returns {Promise<void>}
+   */
+  async setCachedStakeInfo(profile, stakeInfo) {
+    await walletCache.setStakeInfo(profile.account.toString(), stakeInfo);
+  }
+
+  /** @param {Profile[]} profiles */
+  setProfiles(profiles) {
+    this.#profiles = profiles;
+  }
+
+  /**
+   * @param {Profile["account"]} identifier
+   * @returns {Promise<StakeInfo>}
+   */
+  async stakeInfo(identifier) {
+    const stakeInfo = this.#accountStakeInfo.at(+identifier);
+
+    return (
+      stakeInfo ??
+      Promise.reject(
+        new Error(
+          "No stake info found for the account with the given identifier"
+        )
+      )
+    );
+  }
+
+  /**
+   * @param {bigint | Bookmark} from
+   * @param {(evt: CustomEvent) => void} syncIterationListener
+   * @param {AbortSignal} signal
+   */
+  // eslint-disable-next-line max-statements
+  async update(from, syncIterationListener, signal) {
+    let lastBlockHeight = 0n;
+
+    /** @type {(evt: CustomEvent) => void} */
+    const lastBlockHeightListener = ({ detail }) => {
+      lastBlockHeight = detail.blocks.last;
+    };
+    const accountSyncer = await networkStore.getAccountSyncer();
+    const addressSyncer = await networkStore.getAddressSyncer();
+
+    // @ts-ignore
+    addressSyncer.addEventListener("synciteration", lastBlockHeightListener);
+
+    // @ts-ignore
+    addressSyncer.addEventListener("synciteration", syncIterationListener);
+
+    [this.#accountBalances, this.#accountStakeInfo] = await Promise.all([
+      accountSyncer.balances(this.#profiles),
+      accountSyncer.stakes(this.#profiles),
+    ]);
+
+    const notesStream = await addressSyncer.notes(this.#profiles, {
+      from,
+      signal,
+    });
+
+    /**
+     * For each chunk of data in the stream we enrich the sync
+     * info with the block hash, that will be used to check that
+     * our local state is consistent with the remote one.
+     * This way we can ensure that if a user interrupts the sync
+     * while it's still in progress we can safely resume it from
+     * the stored bookmark if no block has been rejected in the
+     * meantime.
+     */
+    for await (const [notesInfo, streamSyncInfo] of notesStream) {
+      const notesSyncInfo = {
+        block: {
+          hash: await networkStore
+            .getBlockHashByHeight(streamSyncInfo.blockHeight)
+            .catch(() => ""),
+          height: streamSyncInfo.blockHeight,
+        },
+        bookmark: streamSyncInfo.bookmark,
+      };
+      await walletCache.addUnspentNotes(
+        walletCache.toCacheNotes(notesInfo, this.#profiles),
+        notesSyncInfo
+      );
+    }
+
+    // gather all unspent nullifiers in the cache
+    const currentUnspentNullifiers =
+      await walletCache.getUnspentNotesNullifiers();
+
+    /**
+     * Retrieving the nullifiers that are now spent.
+     *
+     * Currently `w3sper.js` returns an array of `ArrayBuffer`s
+     * instead of one of `Uint8Array<ArrayBuffer>`s, but we don't
+     * care as `ArrayBuffers` will be written in the
+     * database anyway.
+     */
+    const spentNullifiers = await addressSyncer.spent(currentUnspentNullifiers);
+
+    // update the cache with the spent nullifiers info
+    await walletCache.spendNotes(spentNullifiers);
+
+    // gather all spent nullifiers in the cache
+    const currentSpentNullifiers =
+      await walletCache.getUnspentNotesNullifiers();
+
+    /**
+     * Retrieving the nullifiers that are really spent given our
+     * list of spent nullifiers.
+     * We make this check because a block can be rejected and
+     * we may end up having some notes marked as spent in the
+     * cache, while they really aren't.
+     *
+     * Currently `w3sper.js` returns an array of `ArrayBuffer`s
+     * instead of one of `Uint8Array<ArrayBuffer>`s.
+     */
+    const reallySpentNullifiers = await addressSyncer.spent(
+      currentSpentNullifiers
+    );
+
+    /**
+     * As the previous `addressSyncer.spent` call returns a subset of
+     * our spent nullifiers, we can skip this operation if the lengths
+     * are the same.
+     */
+    if (reallySpentNullifiers.length !== currentSpentNullifiers.length) {
+      const nullifiersToUnspend = walletCache.nullifiersDifference(
+        currentSpentNullifiers,
+        map(reallySpentNullifiers, (buf) => new Uint8Array(buf))
+      );
+
+      await walletCache.unspendNotes(nullifiersToUnspend);
+    }
+
+    /**
+     * We enrich the sync info by retrieving the hash of the last
+     * processed block and the height of the last finalized block.
+     * We'll use this information at the start of the sync
+     * to determine if a block has been rejected, so that we can
+     * fix our local cache state by syncing from the last finalized
+     * block height.
+     */
+    await walletCache.setSyncInfo(
+      await this.#getEnrichedSyncInfo(lastBlockHeight)
+    );
+
+    // @ts-ignore
+    addressSyncer.removeEventListener("synciteration", lastBlockHeightListener);
+
+    // @ts-ignore
+    addressSyncer.removeEventListener("synciteration", syncIterationListener);
+  }
+
+  /**
+   * @param {Profile} profile
+   * @param {bigint} nonce
+   * @returns {Promise<void>}
+   */
+  async updateCachedNonce(profile, nonce) {
+    const address = profile.address.toString();
+    const currentBalance = await walletCache.getBalanceInfo(address);
+
+    await walletCache.setBalanceInfo(
+      address,
+      setPathIn(currentBalance, "unshielded.nonce", nonce)
+    );
+  }
+
+  /**
+   * @param {Uint8Array<ArrayBuffer>[]} nullifiers
+   * @param {string} hash
+   * @returns {Promise<void>}
+   */
+  async updateCachedPendingNotes(nullifiers, hash) {
+    await walletCache.setPendingNotesInfo(nullifiers, hash);
+  }
+}
+
+export default WalletTreasury;
diff --git a/src/lib/wallet/__tests__/decryptBuffer.spec.js b/src/lib/wallet/__tests__/decryptBuffer.spec.js
new file mode 100644
index 00000000..bfd6d1b6
--- /dev/null
+++ b/src/lib/wallet/__tests__/decryptBuffer.spec.js
@@ -0,0 +1,15 @@
+import { describe, expect, it } from "vitest";
+
+import { decryptBuffer, encryptBuffer, generateMnemonic } from "..";
+
+describe("decryptBuffer", () => {
+  const plaintext = new TextEncoder().encode(generateMnemonic());
+  const pwd = "some password";
+
+  it("should be able to decrypt the mnemonic phrase using the given password", async () => {
+    const encryptInfo = await encryptBuffer(plaintext, pwd);
+    const decrypted = await decryptBuffer(encryptInfo, pwd);
+
+    expect(decrypted.toString()).toBe(plaintext.buffer.toString());
+  });
+});
diff --git a/src/lib/wallet/__tests__/decryptMnemonic.spec.js b/src/lib/wallet/__tests__/decryptMnemonic.spec.js
index 48f433b4..370f2a1b 100644
--- a/src/lib/wallet/__tests__/decryptMnemonic.spec.js
+++ b/src/lib/wallet/__tests__/decryptMnemonic.spec.js
@@ -1,20 +1,15 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
-import { generateMnemonic } from "bip39";
+import { describe, expect, it } from "vitest";
 
-import { decryptMnemonic, encryptMnemonic } from "..";
+import { decryptMnemonic, encryptMnemonic, generateMnemonic } from "..";
 
 describe("decryptMnemonic", () => {
-	const mnemonic = generateMnemonic();
-	const pwd = "some password";
+  const mnemonic = generateMnemonic();
+  const pwd = "some password";
 
-	it("should be able to decrypt the mnemonic phrase using the given password", async () => {
-		const mnemonicEncryptInfo = await encryptMnemonic(mnemonic, pwd);
-		const decrypted = await decryptMnemonic(mnemonicEncryptInfo, pwd);
+  it("should be able to decrypt the mnemonic phrase using the given password", async () => {
+    const mnemonicEncryptInfo = await encryptMnemonic(mnemonic, pwd);
+    const decrypted = await decryptMnemonic(mnemonicEncryptInfo, pwd);
 
-		expect(decrypted).toBe(mnemonic);
-	});
+    expect(decrypted).toBe(mnemonic);
+  });
 });
diff --git a/src/lib/wallet/__tests__/encryptBuffer.spec.js b/src/lib/wallet/__tests__/encryptBuffer.spec.js
new file mode 100644
index 00000000..245f10ca
--- /dev/null
+++ b/src/lib/wallet/__tests__/encryptBuffer.spec.js
@@ -0,0 +1,20 @@
+import { describe, expect, it } from "vitest";
+
+import { encryptBuffer, generateMnemonic, getSeedFromMnemonic } from "..";
+
+describe("encryptBuffer", () => {
+  it("should be able to encrypt a buffer using the given password", async () => {
+    const pwd = "some password";
+    const buffer = getSeedFromMnemonic(generateMnemonic());
+    const result = await encryptBuffer(buffer, pwd);
+
+    expect(result).toMatchObject({
+      data: expect.any(Uint8Array),
+      iv: expect.any(Uint8Array),
+      salt: expect.any(Uint8Array),
+    });
+    expect(result.data.toString()).not.toBe(buffer.toString());
+    expect(result.iv.length).toBe(12);
+    expect(result.salt.length).toBe(32);
+  });
+});
diff --git a/src/lib/wallet/__tests__/encryptMnemonic.spec.js b/src/lib/wallet/__tests__/encryptMnemonic.spec.js
index cf1e8196..007f07d9 100644
--- a/src/lib/wallet/__tests__/encryptMnemonic.spec.js
+++ b/src/lib/wallet/__tests__/encryptMnemonic.spec.js
@@ -1,25 +1,23 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
-import { generateMnemonic } from "bip39";
+import { describe, expect, it } from "vitest";
 
-import { encryptMnemonic } from "..";
+import { encryptMnemonic, generateMnemonic } from "..";
 
 describe("encryptMnemonic", () => {
-	const mnemonic = generateMnemonic();
-	const pwd = "some password";
+  const mnemonic = generateMnemonic();
+  const pwd = "some password";
 
-	it("should be able to encrypt the mnemonic phrase using the given password", async () => {
-		const result = await encryptMnemonic(mnemonic, pwd);
+  it("should be able to encrypt the mnemonic phrase using the given password", async () => {
+    const result = await encryptMnemonic(mnemonic, pwd);
 
-		expect(result).toMatchObject({
-			data: expect.any(Uint8Array),
-			iv: expect.any(Uint8Array),
-			salt: expect.any(Uint8Array)
-		});
-		expect(result.iv.length).toBe(12);
-		expect(result.salt.length).toBe(32);
-	});
+    expect(result).toMatchObject({
+      data: expect.any(Uint8Array),
+      iv: expect.any(Uint8Array),
+      salt: expect.any(Uint8Array),
+    });
+    expect(result.data.toString()).not.toBe(
+      new TextEncoder().encode(mnemonic).toString()
+    );
+    expect(result.iv.length).toBe(12);
+    expect(result.salt.length).toBe(32);
+  });
 });
diff --git a/src/lib/wallet/__tests__/generateMnemonic.spec.js b/src/lib/wallet/__tests__/generateMnemonic.spec.js
new file mode 100644
index 00000000..2057f477
--- /dev/null
+++ b/src/lib/wallet/__tests__/generateMnemonic.spec.js
@@ -0,0 +1,12 @@
+import { describe, expect, it } from "vitest";
+
+import { generateMnemonic } from "..";
+
+describe("generateMnemonic", () => {
+  it("should generate a twelve word mnemonic", () => {
+    const mnemonic = generateMnemonic();
+
+    expect(mnemonic).toMatch(/^(?:[a-z]+ ){11}[a-z]+$/);
+    expect(generateMnemonic()).not.toBe(mnemonic);
+  });
+});
diff --git a/src/lib/wallet/__tests__/getAddressInfo.spec.js b/src/lib/wallet/__tests__/getAddressInfo.spec.js
new file mode 100644
index 00000000..ae240f60
--- /dev/null
+++ b/src/lib/wallet/__tests__/getAddressInfo.spec.js
@@ -0,0 +1,97 @@
+import { getAddressInfo } from "..";
+import { describe, expect, it } from "vitest";
+
+describe("getAddressInfo", () => {
+  const validShieldedAddresses = [
+    "47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM",
+    "47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnM",
+  ];
+
+  const validPublicAddresses = [
+    "zTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE4FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybff",
+    "zTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE4FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybf",
+  ];
+
+  const invalidInputs = [
+    // Invalid Base58
+    "InvalidKey12345",
+
+    // Too short
+    "4LaS4bWzFQtvxZ7frUaXbfm3xsbnHHYwNkGnLqqpmWPY",
+
+    // Too long
+    "5kB6VBePF8eFhFVjLwM1xrEL6yGBm1uDsoWyRjdqDQ2nNz8nECAsRh3MZiM6uEo6WmukqyKzzCK9B5rcPTnjZQgtXXXXXXXX",
+
+    // Empty string
+    "",
+
+    // Contains an invalid character (!)
+    "47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnM!",
+
+    // Contains an invalid character (_)
+    "47jNTgAhzn9_CKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnM",
+
+    // Contains an invalid character ( )
+    "47jNTgAhzn9 CKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnM",
+
+    // Contains an invalid character (0)
+    "47jNTgAhzn0KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM",
+
+    // Contains an invalid character (O)
+    "47jNTgAhznOKCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM",
+
+    // Contains an invalid character (l)
+    "47jNTgAhznlKCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM",
+
+    // Contains an invalid character (I)
+    "47jNTgAhznIKCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM",
+  ];
+
+  // Shielded and public addresses for self-referential checks
+  const shieldedAddress =
+    "47jNTgAhzn9KCKF3msCfvKg3k1P1QpPCLZ3HG3AoNp87sQ5WNS3QyjckYHWeuXqW7uvLmbKgejpP8Xkcip89vnMM";
+  const publicAddress =
+    "zTsZq814KfWUAQujzjBchbMEvqA1FiKBUakMCtAc2zCa74h9YVz4a2roYwS7LHDHeBwS1aap4f3GYhQBrxroYgsBcE4FJdkUbvpSD5LVXY6JRXNgMXgk6ckTPJUFKoHybff";
+
+  it("passes with valid shielded addresses and checks self-referential status", () => {
+    for (const address of validShieldedAddresses) {
+      const result = getAddressInfo(address, shieldedAddress, publicAddress);
+
+      // Valid address should pass validation
+      expect(result.isValid).toBe(true);
+
+      // Type should be "address"
+      expect(result.type).toBe("address");
+
+      // Check if the address matches the shielded address
+      expect(result.isSelfReferential).toBe(address === shieldedAddress);
+    }
+  });
+
+  it("passes with valid public addresses and checks self-referential status", () => {
+    for (const account of validPublicAddresses) {
+      const result = getAddressInfo(account, shieldedAddress, publicAddress);
+
+      // Valid account should pass validation
+      expect(result.isValid).toBe(true);
+
+      // Type should be "account"
+      expect(result.type).toBe("account");
+
+      // Check if the account matches the public address
+      expect(result.isSelfReferential).toBe(account === publicAddress);
+    }
+  });
+
+  it("fails when supplied with an invalid input", () => {
+    for (const input of invalidInputs) {
+      const result = getAddressInfo(input, shieldedAddress, publicAddress);
+
+      // Invalid inputs should fail validation
+      expect(result.isValid).toBe(false);
+
+      // Self-referential check should not apply to invalid inputs
+      expect(result.isSelfReferential).toBeUndefined();
+    }
+  });
+});
diff --git a/src/lib/wallet/__tests__/getSeedFromMnemonic.spec.js b/src/lib/wallet/__tests__/getSeedFromMnemonic.spec.js
index 67d6fb67..143f6e46 100644
--- a/src/lib/wallet/__tests__/getSeedFromMnemonic.spec.js
+++ b/src/lib/wallet/__tests__/getSeedFromMnemonic.spec.js
@@ -1,17 +1,12 @@
-import {
-	describe,
-	expect,
-	it
-} from "vitest";
-import { generateMnemonic } from "bip39";
-import { getSeedFromMnemonic } from "..";
+import { describe, expect, it } from "vitest";
+import { generateMnemonic, getSeedFromMnemonic } from "..";
 
 describe("getSeedFromMnemonic", () => {
-	it("should convert a mnemonic phrase into a seed of 64 bytes", () => {
-		const mnemonic = generateMnemonic();
-		const seed = getSeedFromMnemonic(mnemonic);
+  it("should convert a mnemonic phrase into a seed of 64 bytes", () => {
+    const mnemonic = generateMnemonic();
+    const seed = getSeedFromMnemonic(mnemonic);
 
-		expect(seed).toBeInstanceOf(Uint8Array);
-		expect(seed.byteLength).toBe(64);
-	});
+    expect(seed).toBeInstanceOf(Uint8Array);
+    expect(seed.byteLength).toBe(64);
+  });
 });
diff --git a/src/lib/wallet/__tests__/initializeWallet.spec.js b/src/lib/wallet/__tests__/initializeWallet.spec.js
new file mode 100644
index 00000000..7b7c5107
--- /dev/null
+++ b/src/lib/wallet/__tests__/initializeWallet.spec.js
@@ -0,0 +1,40 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import { settingsStore, walletStore } from "$lib/stores";
+
+import { initializeWallet } from "..";
+
+describe("initializeWallet", () => {
+  const settingsResetSpy = vi
+    .spyOn(settingsStore, "reset")
+    .mockReturnValue(undefined);
+  const clearWalletAndInitSpy = vi
+    .spyOn(walletStore, "clearLocalDataAndInit")
+    .mockResolvedValue(undefined);
+
+  afterEach(() => {
+    settingsResetSpy.mockClear();
+    clearWalletAndInitSpy.mockClear();
+  });
+
+  afterAll(() => {
+    settingsResetSpy.mockRestore();
+    clearWalletAndInitSpy.mockRestore();
+  });
+
+  it("should clear the settings store and initialize a new wallet", async () => {
+    const mnemonic =
+      "cart dad sail wreck robot grit combine noble rap farm slide sad";
+    const from = 45n;
+
+    await initializeWallet(mnemonic, from);
+
+    expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+    expect(clearWalletAndInitSpy).toHaveBeenCalledTimes(1);
+    expect(clearWalletAndInitSpy).toHaveBeenCalledWith(
+      expect.any(ProfileGenerator),
+      from
+    );
+  });
+});
diff --git a/src/lib/wallet/__tests__/notesArrayToMap.spec.js b/src/lib/wallet/__tests__/notesArrayToMap.spec.js
new file mode 100644
index 00000000..f6e6cf12
--- /dev/null
+++ b/src/lib/wallet/__tests__/notesArrayToMap.spec.js
@@ -0,0 +1,29 @@
+import { describe, expect, it } from "vitest";
+import { getKey, group, pluckFrom } from "lamb";
+
+import { cacheUnspentNotes } from "$lib/mock-data";
+
+import { notesArrayToMap } from "..";
+
+describe("notesArrayToMap", () => {
+  it("should convert an array of notes to the map format used by `w3sper.js`", () => {
+    const notesMap = notesArrayToMap(cacheUnspentNotes);
+    const groupedNotes = group(cacheUnspentNotes, getKey("address"));
+    const addresses = Object.keys(groupedNotes);
+
+    expect(Array.from(notesMap.keys())).toStrictEqual(addresses);
+
+    addresses.forEach((address) => {
+      const expectedKeys = pluckFrom(groupedNotes[address], "nullifier");
+      const expectedValues = pluckFrom(groupedNotes[address], "note");
+      const noteMap = notesMap.get(address) ?? new Map();
+
+      expect(Array.from(noteMap.keys())).toStrictEqual(expectedKeys);
+      expect(Array.from(noteMap.values())).toStrictEqual(expectedValues);
+    });
+  });
+
+  it("should return an empty map if supplied with an empty array", () => {
+    expect(notesArrayToMap([])).toStrictEqual(new Map());
+  });
+});
diff --git a/src/lib/wallet/__tests__/profileGeneratorFrom.spec.js b/src/lib/wallet/__tests__/profileGeneratorFrom.spec.js
new file mode 100644
index 00000000..fcfd4d88
--- /dev/null
+++ b/src/lib/wallet/__tests__/profileGeneratorFrom.spec.js
@@ -0,0 +1,44 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import getSeedFromMnemonic from "$lib/wallet/getSeedFromMnemonic";
+
+import { profileGeneratorFrom } from "..";
+
+vi.mock("@dusk/w3sper", async (importOriginal) => {
+  /** @type {typeof import("@dusk/w3sper")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    ProfileGenerator: vi.fn(),
+  };
+});
+
+describe("profileGeneratorFrom", () => {
+  afterEach(() => {
+    vi.mocked(ProfileGenerator).mockClear();
+  });
+
+  afterAll(() => {
+    vi.doUnmock("$lib/vendor/w3sper.js/src/mod");
+  });
+
+  it("should create a `ProfileGenerator` instance from a seed", async () => {
+    const ProfileGeneratorMock = vi.mocked(ProfileGenerator);
+    const mnemonic =
+      "cart dad sail wreck robot grit combine noble rap farm slide sad";
+    const seed = getSeedFromMnemonic(mnemonic);
+    const seedCopy = seed.slice();
+
+    await profileGeneratorFrom(seed);
+
+    const seederResult = await ProfileGeneratorMock.mock.calls[0][0]();
+
+    expect(ProfileGeneratorMock).toHaveBeenCalledTimes(1);
+    expect(seederResult.toString()).toBe(seed.toString());
+
+    // ensures that the function doesn't mutate the seed
+    expect(seed.toString()).toBe(seedCopy.toString());
+  });
+});
diff --git a/src/lib/wallet/__tests__/validateMnemonic.spec.js b/src/lib/wallet/__tests__/validateMnemonic.spec.js
new file mode 100644
index 00000000..9940514a
--- /dev/null
+++ b/src/lib/wallet/__tests__/validateMnemonic.spec.js
@@ -0,0 +1,28 @@
+import { describe, expect, it } from "vitest";
+import { last, setIndex } from "lamb";
+
+import { generateMnemonic, validateMnemonic } from "..";
+
+describe("validateMnemonic", () => {
+  it("should correctly validate a generated mnemonic", () => {
+    expect(validateMnemonic(generateMnemonic())).toBe(true);
+  });
+
+  it("should return false for an invalid mnemonic", () => {
+    expect(validateMnemonic("pizza pasta mandolino")).toBe(false);
+    expect(validateMnemonic(Array(12).fill("auction").join(" "))).toBe(false);
+
+    const validMnemonic = generateMnemonic();
+    const words = validMnemonic.split(" ");
+    const originalLastWord = last(words);
+    const fakeLastWord = originalLastWord === "zoo" ? "abandon" : "zoo";
+    const tamperedMnemonic = setIndex(words, -1, fakeLastWord).join(" ");
+
+    expect(validateMnemonic(tamperedMnemonic)).toBe(false);
+  });
+
+  it("should return false for empty or partial input", () => {
+    expect(validateMnemonic("")).toBe(false);
+    expect(validateMnemonic("apple")).toBe(false);
+  });
+});
diff --git a/src/lib/wallet/decryptBuffer.js b/src/lib/wallet/decryptBuffer.js
new file mode 100644
index 00000000..ccf5b82d
--- /dev/null
+++ b/src/lib/wallet/decryptBuffer.js
@@ -0,0 +1,15 @@
+import getDerivedKey from "./getDerivedKey";
+
+/**
+ * @param {WalletEncryptInfo} encryptInfo
+ * @param {string} pwd
+ * @returns {Promise<ArrayBuffer>}
+ */
+async function decryptBuffer(encryptInfo, pwd) {
+  const { data, iv, salt } = encryptInfo;
+  const key = await getDerivedKey(pwd, salt);
+
+  return await crypto.subtle.decrypt({ iv, name: "AES-GCM" }, key, data);
+}
+
+export default decryptBuffer;
diff --git a/src/lib/wallet/decryptMnemonic.js b/src/lib/wallet/decryptMnemonic.js
index 7f65708e..ad4d0eac 100644
--- a/src/lib/wallet/decryptMnemonic.js
+++ b/src/lib/wallet/decryptMnemonic.js
@@ -1,16 +1,11 @@
-import getDerivedKey from "./getDerivedKey";
+import decryptBuffer from "./decryptBuffer";
 
 /**
- * @param {MnemonicEncryptInfo} mnemonicEncryptInfo
- * @param {String} pwd
- * @returns {Promise<String>}
+ * @param {WalletEncryptInfo} encryptInfo
+ * @param {string} pwd
+ * @returns {Promise<string>}
  */
-async function decryptMnemonic (mnemonicEncryptInfo, pwd) {
-	const { data, iv, salt } = mnemonicEncryptInfo;
-	const key = await getDerivedKey(pwd, salt);
-	const plaintext = await crypto.subtle.decrypt({ iv, name: "AES-GCM" }, key, data);
-
-	return new TextDecoder().decode(plaintext);
-}
+const decryptMnemonic = async (encryptInfo, pwd) =>
+  new TextDecoder().decode(await decryptBuffer(encryptInfo, pwd));
 
 export default decryptMnemonic;
diff --git a/src/lib/wallet/encryptBuffer.js b/src/lib/wallet/encryptBuffer.js
new file mode 100644
index 00000000..7f78eee1
--- /dev/null
+++ b/src/lib/wallet/encryptBuffer.js
@@ -0,0 +1,19 @@
+import getDerivedKey from "./getDerivedKey";
+
+/**
+ * @param {BufferSource} buffer
+ * @param {string} pwd
+ * @returns {Promise<WalletEncryptInfo>}
+ */
+async function encryptBuffer(buffer, pwd) {
+  const salt = crypto.getRandomValues(new Uint8Array(32));
+  const iv = crypto.getRandomValues(new Uint8Array(12));
+  const key = await getDerivedKey(pwd, salt);
+  const data = new Uint8Array(
+    await crypto.subtle.encrypt({ iv, name: "AES-GCM" }, key, buffer)
+  );
+
+  return { data, iv, salt };
+}
+
+export default encryptBuffer;
diff --git a/src/lib/wallet/encryptMnemonic.js b/src/lib/wallet/encryptMnemonic.js
index 8a4d30f4..dede3bbb 100644
--- a/src/lib/wallet/encryptMnemonic.js
+++ b/src/lib/wallet/encryptMnemonic.js
@@ -1,18 +1,11 @@
-import getDerivedKey from "./getDerivedKey";
+import encryptBuffer from "./encryptBuffer";
 
 /**
- * @param {String} mnemonic
- * @param {String} pwd
- * @returns {Promise<MnemonicEncryptInfo>}
+ * @param {string} mnemonic
+ * @param {string} pwd
+ * @returns {Promise<WalletEncryptInfo>}
  */
-async function encryptMnemonic (mnemonic, pwd) {
-	const plaintext = new TextEncoder().encode(mnemonic);
-	const salt = crypto.getRandomValues(new Uint8Array(32));
-	const iv = crypto.getRandomValues(new Uint8Array(12));
-	const key = await getDerivedKey(pwd, salt);
-	const data = new Uint8Array(await crypto.subtle.encrypt({ iv, name: "AES-GCM" }, key, plaintext));
-
-	return { data, iv, salt };
-}
+const encryptMnemonic = async (mnemonic, pwd) =>
+  await encryptBuffer(new TextEncoder().encode(mnemonic), pwd);
 
 export default encryptMnemonic;
diff --git a/src/lib/wallet/generateMnemonic.js b/src/lib/wallet/generateMnemonic.js
new file mode 100644
index 00000000..bf9f65d3
--- /dev/null
+++ b/src/lib/wallet/generateMnemonic.js
@@ -0,0 +1,6 @@
+import { generateMnemonic as bip39GenerateMnemonic } from "@scure/bip39";
+import { wordlist } from "@scure/bip39/wordlists/english.js";
+
+const generateMnemonic = () => bip39GenerateMnemonic(wordlist, 128);
+
+export default generateMnemonic;
diff --git a/src/lib/wallet/getAddressInfo.js b/src/lib/wallet/getAddressInfo.js
new file mode 100644
index 00000000..b0e7ea31
--- /dev/null
+++ b/src/lib/wallet/getAddressInfo.js
@@ -0,0 +1,31 @@
+import { ProfileGenerator } from "@dusk/w3sper";
+
+/**
+ * Validates if an input is a shielded or an public address, with feedback on failure or success.
+ * Additionally, checks for self-referential input.
+ * @param {string} input The input to validate.
+ * @param {string} shieldedAddress The shielded address to compare.
+ * @param {string} publicAddress The public address to compare.
+ * @returns {{
+ *  isValid: boolean,
+ *  type?: "address" | "account",
+ *  isSelfReferential?: boolean
+ * }} Validation result, the input type, and self-referential status.
+ */
+export default function getAddressInfo(input, shieldedAddress, publicAddress) {
+  const type = ProfileGenerator.typeOf(input);
+
+  if (type === "account" || type === "address") {
+    const isSelfReferential =
+      (type === "account" && input === publicAddress) ||
+      (type === "address" && input === shieldedAddress);
+
+    return {
+      isSelfReferential,
+      isValid: true,
+      type,
+    };
+  }
+
+  return { isValid: false };
+}
diff --git a/src/lib/wallet/getDerivedKey.js b/src/lib/wallet/getDerivedKey.js
index 24c05996..802e3f31 100644
--- a/src/lib/wallet/getDerivedKey.js
+++ b/src/lib/wallet/getDerivedKey.js
@@ -2,30 +2,32 @@
  * @param {String} pwd
  * @returns {Promise<CryptoKey>}
  */
-const getKeyMaterial = pwd => crypto.subtle.importKey(
-	"raw",
-	new TextEncoder().encode(pwd),
-	"PBKDF2",
-	false,
-	["deriveBits", "deriveKey"]
-);
+const getKeyMaterial = (pwd) =>
+  crypto.subtle.importKey(
+    "raw",
+    new TextEncoder().encode(pwd),
+    "PBKDF2",
+    false,
+    ["deriveBits", "deriveKey"]
+  );
 
 /**
  * @param {String} pwd
- * @param {Uint8Array} salt
+ * @param {Uint8Array<ArrayBuffer>} salt
  * @returns {Promise<CryptoKey>}
  */
-const getDerivedKey = async (pwd, salt) => crypto.subtle.deriveKey(
-	{
-		hash: "SHA-256",
-		iterations: 10000,
-		name: "PBKDF2",
-		salt
-	},
-	await getKeyMaterial(pwd),
-	{ length: 256, name: "AES-GCM" },
-	true,
-	["encrypt", "decrypt"]
-);
+const getDerivedKey = async (pwd, salt) =>
+  crypto.subtle.deriveKey(
+    {
+      hash: "SHA-256",
+      iterations: 10000,
+      name: "PBKDF2",
+      salt,
+    },
+    await getKeyMaterial(pwd),
+    { length: 256, name: "AES-GCM" },
+    true,
+    ["encrypt", "decrypt"]
+  );
 
 export default getDerivedKey;
diff --git a/src/lib/wallet/getSeedFromMnemonic.js b/src/lib/wallet/getSeedFromMnemonic.js
index cdbb254f..ef807716 100644
--- a/src/lib/wallet/getSeedFromMnemonic.js
+++ b/src/lib/wallet/getSeedFromMnemonic.js
@@ -1,9 +1,10 @@
-import { mnemonicToSeedSync } from "bip39";
+import { mnemonicToSeedSync } from "@scure/bip39";
 
 /**
  * @param {String} mnemonic
- * @returns {Uint8Array}
+ * @returns {Uint8Array<ArrayBuffer>}
  */
-const getSeedFromMnemonic = mnemonic => Uint8Array.from(mnemonicToSeedSync(mnemonic));
+const getSeedFromMnemonic = (mnemonic) =>
+  Uint8Array.from(mnemonicToSeedSync(mnemonic));
 
 export default getSeedFromMnemonic;
diff --git a/src/lib/wallet/index.js b/src/lib/wallet/index.js
index 23ba46f8..1d79826c 100644
--- a/src/lib/wallet/index.js
+++ b/src/lib/wallet/index.js
@@ -1,5 +1,12 @@
+export { default as decryptBuffer } from "./decryptBuffer";
 export { default as decryptMnemonic } from "./decryptMnemonic";
+export { default as encryptBuffer } from "./encryptBuffer";
 export { default as encryptMnemonic } from "./encryptMnemonic";
+export { default as generateMnemonic } from "./generateMnemonic";
+export { default as getAddressInfo } from "./getAddressInfo";
 export { default as getSeedFromMnemonic } from "./getSeedFromMnemonic";
 export { default as initializeWallet } from "./initializeWallet";
+export { default as notesArrayToMap } from "./notesArrayToMap";
+export { default as profileGeneratorFrom } from "./profileGeneratorFrom";
 export { default as refreshLocalStoragePasswordInfo } from "./refreshLocalStoragePasswordInfo";
+export { default as validateMnemonic } from "./validateMnemonic";
diff --git a/src/lib/wallet/initializeWallet.js b/src/lib/wallet/initializeWallet.js
index 18414fb7..98c8cfdb 100644
--- a/src/lib/wallet/initializeWallet.js
+++ b/src/lib/wallet/initializeWallet.js
@@ -1,16 +1,20 @@
 import { settingsStore, walletStore } from "$lib/stores";
-import { getSeedFromMnemonic } from "$lib/wallet";
-import { getWallet } from "$lib/services/wallet";
 
-/** @param {string[]} mnemonicPhrase */
-async function initializeWallet (mnemonicPhrase) {
-	settingsStore.reset();
+import getSeedFromMnemonic from "./getSeedFromMnemonic";
+import profileGeneratorFrom from "./profileGeneratorFrom";
 
-	const mnemonic = mnemonicPhrase.join(" ");
-	const seed = getSeedFromMnemonic(mnemonic);
-	const wallet = getWallet(seed);
+/**
+ * @param {string} mnemonic
+ * @param {bigint} [syncFrom]
+ */
+async function initializeWallet(mnemonic, syncFrom) {
+  settingsStore.reset();
 
-	await walletStore.clearLocalDataAndInit(wallet);
+  const profileGenerator = await profileGeneratorFrom(
+    getSeedFromMnemonic(mnemonic)
+  );
+
+  walletStore.clearLocalDataAndInit(profileGenerator, syncFrom);
 }
 
 export default initializeWallet;
diff --git a/src/lib/wallet/notesArrayToMap.js b/src/lib/wallet/notesArrayToMap.js
new file mode 100644
index 00000000..34dfb0f3
--- /dev/null
+++ b/src/lib/wallet/notesArrayToMap.js
@@ -0,0 +1,18 @@
+/** @type {(notes: WalletCacheNote[]) => WalletCacheNotesMap} */
+const notesArrayToMap = (notes) => {
+  const result = new Map();
+
+  notes.forEach((note) => {
+    if (!result.has(note.address)) {
+      result.set(note.address, new Map());
+    }
+
+    const noteMap = result.get(note.address);
+
+    noteMap.set(note.nullifier, note.note);
+  });
+
+  return result;
+};
+
+export default notesArrayToMap;
diff --git a/src/lib/wallet/profileGeneratorFrom.js b/src/lib/wallet/profileGeneratorFrom.js
new file mode 100644
index 00000000..2608f0a0
--- /dev/null
+++ b/src/lib/wallet/profileGeneratorFrom.js
@@ -0,0 +1,25 @@
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import decryptBuffer from "./decryptBuffer";
+import encryptBuffer from "./encryptBuffer";
+
+/** @type {(seed: Uint8Array<ArrayBuffer>) => Promise<ProfileGenerator>} */
+async function profileGeneratorFrom(seed) {
+  // creating a local copy
+  seed = seed.slice();
+
+  const pwd = new TextDecoder().decode(
+    crypto.getRandomValues(new Uint8Array(32))
+  );
+  const encryptInfo = await encryptBuffer(seed, pwd);
+
+  // destroying data inside the local copy
+  seed.fill(0);
+
+  const seeder = async () =>
+    new Uint8Array(await decryptBuffer(encryptInfo, pwd));
+
+  return new ProfileGenerator(seeder);
+}
+
+export default profileGeneratorFrom;
diff --git a/src/lib/wallet/refreshLocalStoragePasswordInfo.js b/src/lib/wallet/refreshLocalStoragePasswordInfo.js
index a26d4fe5..bf37e129 100644
--- a/src/lib/wallet/refreshLocalStoragePasswordInfo.js
+++ b/src/lib/wallet/refreshLocalStoragePasswordInfo.js
@@ -4,16 +4,16 @@ import { encryptMnemonic } from "$lib/wallet";
 /**
  * @param {string[]} mnemonicPhrase
  * @param {string} password
-*/
-async function refreshLocalStoragePasswordInfo (mnemonicPhrase, password) {
-	loginInfoStorage.remove();
+ */
+async function refreshLocalStoragePasswordInfo(mnemonicPhrase, password) {
+  loginInfoStorage.remove();
 
-	if (password.length !== 0) {
-		const mnemonic = mnemonicPhrase.join(" ");
-		const encryptedData = await encryptMnemonic(mnemonic, password);
+  if (password.length !== 0) {
+    const mnemonic = mnemonicPhrase.join(" ");
+    const encryptedData = await encryptMnemonic(mnemonic, password);
 
-		loginInfoStorage.set(encryptedData);
-	}
+    loginInfoStorage.set(encryptedData);
+  }
 }
 
 export default refreshLocalStoragePasswordInfo;
diff --git a/src/lib/wallet/validateMnemonic.js b/src/lib/wallet/validateMnemonic.js
new file mode 100644
index 00000000..022b600d
--- /dev/null
+++ b/src/lib/wallet/validateMnemonic.js
@@ -0,0 +1,8 @@
+import { validateMnemonic as bip39validateMnemonic } from "@scure/bip39";
+import { wordlist } from "@scure/bip39/wordlists/english.js";
+
+/** @param {string} mnemonic */
+const validateMnemonic = (mnemonic) =>
+  bip39validateMnemonic(mnemonic, wordlist);
+
+export default validateMnemonic;
diff --git a/src/lib/wallet/wallet.d.ts b/src/lib/wallet/wallet.d.ts
index 1001f1a6..6ed70d63 100644
--- a/src/lib/wallet/wallet.d.ts
+++ b/src/lib/wallet/wallet.d.ts
@@ -1,12 +1,5 @@
-type MnemonicEncryptInfo = {
-	data: Uint8Array;
-	iv: Uint8Array;
-	salt: Uint8Array;
-};
-
-type WalletStakeInfo = {
-	amount: number,
-	reward: number,
-	has_key: boolean,
-	has_staked: boolean
+type WalletEncryptInfo = {
+  data: Uint8Array<ArrayBuffer>;
+  iv: Uint8Array<ArrayBuffer>;
+  salt: Uint8Array<ArrayBuffer>;
 };
diff --git a/src/lib/web3/abi/bridgeABI.json b/src/lib/web3/abi/bridgeABI.json
new file mode 100644
index 00000000..e3a639fe
--- /dev/null
+++ b/src/lib/web3/abi/bridgeABI.json
@@ -0,0 +1,12 @@
+[
+  {
+    "inputs": [
+      { "name": "minGasLimit", "type": "uint32" },
+      { "name": "extraData", "type": "bytes" }
+    ],
+    "name": "bridgeETH",
+    "outputs": [],
+    "stateMutability": "payable",
+    "type": "function"
+  }
+]
diff --git a/src/lib/web3/abi/erc_bep_20.json b/src/lib/web3/abi/erc_bep_20.json
new file mode 100644
index 00000000..48465d0e
--- /dev/null
+++ b/src/lib/web3/abi/erc_bep_20.json
@@ -0,0 +1,157 @@
+[
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "name": "spender",
+        "type": "address"
+      },
+      {
+        "name": "value",
+        "type": "uint256"
+      }
+    ],
+    "name": "approve",
+    "outputs": [
+      {
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "name": "spender",
+        "type": "address"
+      },
+      {
+        "name": "addedValue",
+        "type": "uint256"
+      }
+    ],
+    "name": "increaseAllowance",
+    "outputs": [
+      {
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "name": "owner",
+        "type": "address"
+      }
+    ],
+    "name": "balanceOf",
+    "outputs": [
+      {
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "name": "to",
+        "type": "address"
+      },
+      {
+        "name": "value",
+        "type": "uint256"
+      }
+    ],
+    "name": "transfer",
+    "outputs": [
+      {
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "name": "owner",
+        "type": "address"
+      },
+      {
+        "name": "spender",
+        "type": "address"
+      }
+    ],
+    "name": "allowance",
+    "outputs": [
+      {
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "name": "from",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "name": "to",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "name": "value",
+        "type": "uint256"
+      }
+    ],
+    "name": "Transfer",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "name": "owner",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "name": "spender",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "name": "value",
+        "type": "uint256"
+      }
+    ],
+    "name": "Approval",
+    "type": "event"
+  }
+]
diff --git a/src/lib/web3/abi/migrationABI.json b/src/lib/web3/abi/migrationABI.json
new file mode 100644
index 00000000..3b4113cd
--- /dev/null
+++ b/src/lib/web3/abi/migrationABI.json
@@ -0,0 +1,69 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_duskTokenAddress",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "from",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "string",
+        "name": "targetAddress",
+        "type": "string"
+      }
+    ],
+    "name": "Migration",
+    "type": "event"
+  },
+  {
+    "inputs": [],
+    "name": "duskToken",
+    "outputs": [
+      {
+        "internalType": "contract IERC20",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      },
+      {
+        "internalType": "string",
+        "name": "targetAddress",
+        "type": "string"
+      }
+    ],
+    "name": "migrate",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/src/lib/web3/migration.js b/src/lib/web3/migration.js
new file mode 100644
index 00000000..cc01db5d
--- /dev/null
+++ b/src/lib/web3/migration.js
@@ -0,0 +1,114 @@
+import { readContract, simulateContract, writeContract } from "@wagmi/core";
+import ERC20Abi from "./abi/erc_bep_20.json";
+import migrationABI from "./abi/migrationABI.json";
+import { wagmiConfig } from "./walletConnection";
+
+/**
+ * Retrieves the allowance amount for a stable coin for a given spender and account.
+ *
+ * @param {HexString} userAddress - The address of the user to check if it gave an allowance to the migration contract.
+ * @param {HexString} stableCoinAddress - contract address for the coin.
+ * @param {HexString} migrationContract - migration contract address for the the coin.
+ * @returns {Promise<bigint>} - A promise that resolves to the allowed amount.
+ * @throws {Error} - Throws an error if there is an issue with retrieving the allowance.
+ */
+export const allowance = async (
+  userAddress,
+  stableCoinAddress,
+  migrationContract
+) => {
+  try {
+    return /** @type {bigint} */ (
+      await readContract(wagmiConfig, {
+        abi: ERC20Abi,
+        address: stableCoinAddress,
+        args: [userAddress, migrationContract],
+        functionName: "allowance",
+      })
+    );
+  } catch (e) {
+    const errorMessage =
+      e instanceof Error
+        ? `An error occurred while checking the spender: ${e.message}`
+        : "An unexpected error occurred while checking the spender";
+    throw new Error(errorMessage);
+  }
+};
+
+/**
+ * Approves a spender to transfer a specified amount of stable coin on behalf of the caller.
+ *
+ * @param {bigint} value - The amount of stable coin to approve.
+ * @param {HexString} stableCoinAddress - contract address for the coin.
+ * @param {HexString} migrationContract - migration contract address for the the coin.
+ * @returns {Promise<string>} - Transaction hash.
+ * @throws {Error} - Throws an error if there is an issue with the approval transaction.
+ */
+export const approve = async (migrationContract, stableCoinAddress, value) => {
+  try {
+    return await writeContract(wagmiConfig, {
+      abi: ERC20Abi,
+      address: stableCoinAddress,
+      args: [migrationContract, value],
+      functionName: "approve",
+    });
+  } catch (e) {
+    const errorMessage =
+      e instanceof Error
+        ? `An error occurred while approving the stable coin: ${e.message}`
+        : "An unexpected error occurred while approving the stable coin";
+    throw new Error(errorMessage);
+  }
+};
+
+/**
+ * Retrieves the balance of the stable coin for a given account.
+ *
+ * @param {HexString} userAddress - The address of the account to check the balance for.
+ * @param {HexString} stableCoinAddress - contract address for the coin.
+ * @returns {Promise<bigint>} - A promise that resolves to the balance of the stable coin.
+ * @throws {Error} - Throws an error if there is an issue with retrieving the balance.
+ */
+export const getBalanceOfCoin = async (userAddress, stableCoinAddress) => {
+  try {
+    return /** @type {bigint} */ (
+      await readContract(wagmiConfig, {
+        abi: ERC20Abi,
+        address: stableCoinAddress,
+        args: [userAddress],
+        functionName: "balanceOf",
+      })
+    );
+  } catch (e) {
+    const errorMessage =
+      e instanceof Error
+        ? `An error occurred while checking the spender: ${e.message}`
+        : "An unknown error occurred while checking the spender";
+    throw new Error(errorMessage);
+  }
+};
+/**
+ *  Migrates the approved amount to the given account
+ *
+ * @param {bigint} amount - the amount to be migrated
+ * @param {number} chainId - the id of the smart contract
+ * @param {string} mainnetDuskAddress - the wallet address where tokens should be migrated to
+ * @param {HexString} migrationContract - the migration contract address
+ * @returns {Promise<HexString>} - The transaction hash.
+ */
+export const migrate = async (
+  amount,
+  chainId,
+  mainnetDuskAddress,
+  migrationContract
+) => {
+  const { request } = await simulateContract(wagmiConfig, {
+    abi: migrationABI,
+    address: migrationContract,
+    args: [amount, mainnetDuskAddress],
+    chainId: chainId,
+    functionName: "migrate",
+  });
+
+  return await writeContract(wagmiConfig, request);
+};
diff --git a/src/lib/web3/walletConnection.js b/src/lib/web3/walletConnection.js
new file mode 100644
index 00000000..6c8e9fc0
--- /dev/null
+++ b/src/lib/web3/walletConnection.js
@@ -0,0 +1,112 @@
+import { createAppKit } from "@reown/appkit";
+import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
+import { bsc, mainnet, sepolia } from "@reown/appkit/networks";
+import {
+  disconnect,
+  getAccount,
+  http,
+  reconnect,
+  watchAccount,
+} from "@wagmi/core";
+import { readable } from "svelte/store";
+
+/**
+ * @constant {string} projectId - The ID of the project, sourced from an environment variable.
+ *
+ * @description
+ * This constant retrieves the project ID from the environment variable `VITE_REOWN_PROJECT_ID`.
+ * If the environment variable is not set, it defaults to an empty string. This behavior is not ideal
+ * because an empty `projectId` will cause the modal initialization to fail.
+ *
+ * While this issue typically arises due to a developer error (e.g., forgetting to set the environment variable),
+ * resolving it properly requires a broader refactor of the codebase to better handle missing or invalid `projectId` values.
+ *
+ * Additionally, when the `projectId` is missing, the "migrate" functionality will not be accessible in the UI,
+ * effectively hiding the "broken" flow. Therefore, while the error can occur, users are unlikely to encounter it.
+ *
+ * **To improve:**
+ * Consider implementing a mechanism to ensure `VITE_REOWN_PROJECT_ID` is always defined during the build or
+ * runtime processes, potentially throwing a clear error during startup if it is missing.
+ */
+const VITE_REOWN_PROJECT_ID = import.meta.env.VITE_REOWN_PROJECT_ID || "";
+const VITE_EVM_BRIDGE_CONTRACT_ADDRESS = import.meta.env
+  .VITE_EVM_BRIDGE_CONTRACT_ADDRESS;
+const VITE_EVM_BRIDGE_CONTRACT_BLOCK_CREATED = import.meta.env
+  .VITE_EVM_BRIDGE_CONTRACT_BLOCK_CREATED;
+const VITE_EVM_BRIDGE_BLOCK_EXPLORER_NAME = import.meta.env
+  .VITE_EVM_BRIDGE_BLOCK_EXPLORER_NAME;
+const VITE_EVM_BRIDGE_BLOCK_EXPLORER_URL = import.meta.env
+  .VITE_EVM_BRIDGE_BLOCK_EXPLORER_URL;
+const VITE_EVM_BRIDGE_RPC_URL = import.meta.env.VITE_EVM_BRIDGE_RPC_URL;
+const VITE_EVM_CHAIN_ID = Number(import.meta.env.VITE_EVM_CHAIN_ID);
+
+export const duskEvm = {
+  blockExplorers: {
+    default: {
+      name: VITE_EVM_BRIDGE_BLOCK_EXPLORER_NAME,
+      url: VITE_EVM_BRIDGE_BLOCK_EXPLORER_URL,
+    },
+  },
+  contracts: {
+    L2StandardBridge: {
+      address: VITE_EVM_BRIDGE_CONTRACT_ADDRESS,
+      blockCreated: VITE_EVM_BRIDGE_CONTRACT_BLOCK_CREATED,
+    },
+  },
+  id: VITE_EVM_CHAIN_ID,
+  name: "DuskEVM",
+  nativeCurrency: {
+    decimals: 18,
+    name: "Dusk",
+    symbol: "DUSK",
+  },
+  rpcUrls: {
+    default: {
+      http: [VITE_EVM_BRIDGE_RPC_URL],
+    },
+    public: {
+      http: [VITE_EVM_BRIDGE_RPC_URL],
+    },
+  },
+};
+
+/** @typedef {import("@reown/appkit/networks").AppKitNetwork} AppKitNetwork */
+/** @type {[AppKitNetwork, ...AppKitNetwork[]]} */
+const networks = [sepolia, bsc, mainnet, duskEvm];
+
+const wagmiAdapter = new WagmiAdapter({
+  networks,
+  projectId: VITE_REOWN_PROJECT_ID,
+  transports: {
+    [duskEvm.id]: http(duskEvm.rpcUrls.default.http[0]),
+  },
+});
+
+export const wagmiConfig = wagmiAdapter.wagmiConfig;
+
+reconnect(wagmiConfig);
+
+// Create the Reown App Kit modal
+export const modal = createAppKit({
+  adapters: [wagmiAdapter],
+  defaultNetwork: duskEvm,
+  features: {
+    analytics: false,
+    onramp: false,
+    swaps: false,
+  },
+  networks,
+  projectId: VITE_REOWN_PROJECT_ID,
+  themeMode: "dark",
+});
+
+export const account = readable(getAccount(wagmiConfig), (set) =>
+  watchAccount(wagmiConfig, { onChange: set })
+);
+
+export async function walletDisconnect() {
+  await disconnect(wagmiConfig);
+  await modal?.disconnect();
+}
+
+window.addEventListener("beforeunload", walletDisconnect);
diff --git a/src/routes/(app)/+layout.js b/src/routes/(app)/+layout.js
index 7e9ef023..00c874bb 100644
--- a/src/routes/(app)/+layout.js
+++ b/src/routes/(app)/+layout.js
@@ -1,11 +1,14 @@
-import { redirect } from "@sveltejs/kit";
+import { redirect } from "$lib/navigation";
 import { get } from "svelte/store";
 
-import walletStore from "$lib/stores/walletStore";
+import { walletStore } from "$lib/stores";
 
 /** @type {import("./$types").LayoutLoad} */
-export async function load () {
-	if (!get(walletStore).initialized) {
-		throw redirect(307, "/");
-	}
+export async function load() {
+  if (import.meta.env.VITE_MODE_MAINTENANCE === "true") {
+    redirect(307, "/maintenance");
+  }
+  if (!get(walletStore).initialized) {
+    redirect(307, "/");
+  }
 }
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
new file mode 100644
index 00000000..65f659b8
--- /dev/null
+++ b/src/routes/(app)/+layout.svelte
@@ -0,0 +1,24 @@
+<script>
+  import { logout } from "$lib/navigation";
+
+  /** @param {StorageEvent} event */
+  function handleStorageChange(event) {
+    const { key, newValue, oldValue } = event;
+
+    if (key !== `${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`) {
+      return;
+    }
+
+    const oldId = oldValue ? JSON.parse(oldValue).userId : "";
+    const newId = newValue ? JSON.parse(newValue).userId : "";
+
+    if (oldId !== newId) {
+      window.removeEventListener("storage", handleStorageChange);
+      logout(true);
+    }
+  }
+</script>
+
+<svelte:window on:storage={handleStorageChange} />
+
+<slot />
diff --git a/src/routes/(app)/__mocks__/mockedWalletStore.js b/src/routes/(app)/__mocks__/mockedWalletStore.js
deleted file mode 100644
index 31c2825b..00000000
--- a/src/routes/(app)/__mocks__/mockedWalletStore.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { mockReadableStore } from "$lib/dusk/test-helpers";
-import { addresses } from "$lib/mock-data";
-
-const balance = { maximum: 50000, value: 2345 };
-const currentAddress = addresses[0];
-
-/** @type {import("$lib/stores/stores").WalletStoreContent} */
-const content = {
-	addresses,
-	balance,
-	currentAddress,
-	error: null,
-	initialized: true,
-	isSyncing: false
-};
-
-export default mockReadableStore(content);
diff --git a/src/routes/(app)/__tests__/layout.spec.js b/src/routes/(app)/__tests__/layout.spec.js
index 3805888c..9069d2c3 100644
--- a/src/routes/(app)/__tests__/layout.spec.js
+++ b/src/routes/(app)/__tests__/layout.spec.js
@@ -1,43 +1,126 @@
 import {
-	afterAll,
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
-import * as SvelteKit from "@sveltejs/kit";
-import { Wallet } from "@dusk-network/dusk-wallet-js";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { ProfileGenerator } from "@dusk/w3sper";
 
+import * as navigation from "$lib/navigation";
 import { walletStore } from "$lib/stores";
 
 import { load } from "../+layout";
+import Layout from "../+layout.svelte";
 
 describe("App layout.js", () => {
-	const redirectSpy = vi.spyOn(SvelteKit, "redirect");
+  const redirectSpy = vi.spyOn(navigation, "redirect");
 
-	afterEach(() => {
-		redirectSpy.mockClear();
-	});
+  afterEach(() => {
+    redirectSpy.mockClear();
+  });
 
-	afterAll(() => {
-		redirectSpy.mockRestore();
-	});
+  afterAll(() => {
+    redirectSpy.mockRestore();
+  });
 
-	it("should check if a wallet is missing in the `walletStore` and redirect the user to the login page", async () => {
-		// @ts-ignore
-		await expect(load()).rejects.toThrow();
+  it("should check if a wallet is missing in the `walletStore` and redirect the user to the login page", async () => {
+    // @ts-ignore
+    await expect(load()).rejects.toThrow();
 
-		expect(redirectSpy).toHaveBeenCalledTimes(1);
-		expect(redirectSpy).toHaveBeenCalledWith(307, "/");
-	});
+    expect(redirectSpy).toHaveBeenCalledTimes(1);
+    expect(redirectSpy).toHaveBeenCalledWith(307, "/");
+  });
 
-	it("should do nothing otherwise", async () => {
-		await walletStore.init(new Wallet([], 0, 0));
+  it("should do nothing otherwise", async () => {
+    await walletStore.init(new ProfileGenerator(async () => new Uint8Array()));
 
-		// @ts-ignore
-		await expect(load()).resolves.toBe(void 0);
+    // @ts-ignore
+    await expect(load()).resolves.toBe(void 0);
 
-		expect(redirectSpy).not.toHaveBeenCalled();
-	});
+    expect(redirectSpy).not.toHaveBeenCalled();
+  });
+});
+
+describe("App layout.svelte", () => {
+  const logoutSpy = vi.spyOn(navigation, "logout");
+  const removeListenerSpy = vi.spyOn(window, "removeEventListener");
+  const key = `${CONFIG.LOCAL_STORAGE_APP_KEY}-preferences`;
+  const storage = {
+    a: 1,
+    b: { c: "some string" },
+    userId: "user-1",
+  };
+  const eventData = {
+    key,
+    newValue: JSON.stringify({ ...storage, userId: "user-2" }),
+    oldValue: JSON.stringify(storage),
+    storageArea: localStorage,
+  };
+
+  beforeEach(() => {
+    removeListenerSpy.mockClear();
+  });
+
+  afterEach(() => {
+    cleanup();
+    logoutSpy.mockClear();
+  });
+
+  afterAll(() => {
+    logoutSpy.mockRestore();
+    removeListenerSpy.mockRestore();
+  });
+
+  it("should react to storage changes and logout the user if the `userId` changed", async () => {
+    render(Layout);
+
+    await fireEvent(window, new StorageEvent("storage", eventData));
+
+    expect(removeListenerSpy).toHaveBeenCalledTimes(1);
+    expect(removeListenerSpy).toHaveBeenNthCalledWith(
+      1,
+      "storage",
+      expect.any(Function)
+    );
+    expect(logoutSpy).toHaveBeenCalledTimes(1);
+    expect(logoutSpy).toHaveBeenCalledWith(true);
+  });
+
+  it("should do nothing if the `userId` remained the same", async () => {
+    const data = {
+      ...eventData,
+      newValue: JSON.stringify({
+        ...storage,
+        a: 5,
+        b: "foo",
+      }),
+    };
+
+    render(Layout);
+
+    await fireEvent(window, new StorageEvent("storage", data));
+
+    expect(removeListenerSpy).not.toHaveBeenCalled();
+    expect(logoutSpy).not.toHaveBeenCalled();
+  });
+
+  it("should do nothing if the storage change hasn't happened in the preferences", async () => {
+    const data = {
+      ...eventData,
+      key: "some-key",
+      newValue: '"{}"',
+      oldValue: null,
+    };
+
+    render(Layout);
+
+    await fireEvent(window, new StorageEvent("storage", data));
+
+    expect(removeListenerSpy).not.toHaveBeenCalled();
+    expect(logoutSpy).not.toHaveBeenCalled();
+  });
 });
diff --git a/src/routes/(app)/dashboard/+layout.js b/src/routes/(app)/dashboard/+layout.js
index 01461646..1c815025 100644
--- a/src/routes/(app)/dashboard/+layout.js
+++ b/src/routes/(app)/dashboard/+layout.js
@@ -1,7 +1,33 @@
-/** @type {import('./$types').LayoutLoad} */
-export async function load ({ fetch }) {
-	const res = await fetch("https://api.dusk.network/v1/quote");
-	const duskInfo = await res.json();
+import { getPath, isUndefined, when } from "lamb";
+
+import { failureToRejection } from "$lib/dusk/http";
+
+const createEmptyObject = () => ({});
+
+/* eslint-disable camelcase */
 
-	return { currentPrice: duskInfo.market_data.current_price };
+const coinGeckoParams = new URLSearchParams({
+  community_data: "false",
+  developer_data: "false",
+  localization: "false",
+  market_data: "true",
+  sparkline: "false",
+  tickers: "false",
+});
+
+/* eslint-enable camelcase */
+
+/** @type {import('./$types').LayoutLoad} */
+export async function load({ fetch }) {
+  return {
+    /** @type {Promise<Record<string, number>>} */
+    currentPrice: fetch(
+      `https://api.coingecko.com/api/v3/coins/dusk-network?${coinGeckoParams}`
+    )
+      .then(failureToRejection)
+      .then((res) => res.json())
+      .then(getPath("market_data.current_price"))
+      .then(when(isUndefined, createEmptyObject))
+      .catch(createEmptyObject),
+  };
 }
diff --git a/src/routes/(app)/dashboard/+layout.svelte b/src/routes/(app)/dashboard/+layout.svelte
index 1f49d465..22258707 100644
--- a/src/routes/(app)/dashboard/+layout.svelte
+++ b/src/routes/(app)/dashboard/+layout.svelte
@@ -1,146 +1,239 @@
 <script>
-	import {
-		mdiAlertOutline,
-		mdiCogOutline,
-		mdiLink,
-		mdiRestore,
-		mdiTimerSand
-	} from "@mdi/js";
-	import {
-		AnchorButton,
-		Button,
-		CircularIcon,
-		Icon,
-		ProgressBar
-	} from "$lib/dusk/components";
-	import { settingsStore, walletStore } from "$lib/stores";
-
-	$: ({ network } = $settingsStore);
-	$: ({ isSyncing, error } = $walletStore);
-
-	/** @type {string} */
-	let syncStatus = "";
-
-	/** @type {string} */
-	let iconPath = "";
-
-	/** @type {string} */
-	let iconVariant = "";
-
-	$: if (isSyncing) {
-		iconVariant = "warning";
-		iconPath = mdiTimerSand;
-		syncStatus = `Syncing with Dusk ${network}`;
-	} else if (error) {
-		iconVariant = "error";
-		iconPath = mdiAlertOutline;
-		syncStatus = `Dusk ${network} - Sync Failed`;
-	} else {
-		iconVariant = "success";
-		iconPath = mdiLink;
-		syncStatus = `Dusk ${network}`;
-	}
+  import { afterNavigate } from "$app/navigation";
+  import {
+    mdiAlertOutline,
+    mdiCogOutline,
+    mdiLink,
+    mdiRestore,
+    mdiTimerSand,
+  } from "@mdi/js";
+  import { Button, Icon } from "$lib/dusk/components";
+  import { networkStore, settingsStore, walletStore } from "$lib/stores";
+  import {
+    AddressPicker,
+    AppAnchorButton,
+    Balance,
+    SyncBar,
+  } from "$lib/components";
+
+  /** @type {import('./$types').LayoutData} */
+  export let data;
+
+  /** @type {HTMLDivElement} */
+  let scrollContainer;
+
+  /** @type {string} */
+  let syncStatusLabel = "";
+
+  /** @type {string} */
+  let networkStatusIconPath = "";
+
+  /** @type {string} */
+  let iconVariant = "";
+
+  /** @type {number | undefined} */
+  let fiatPrice;
+
+  data.currentPrice.then((prices) => {
+    fiatPrice = prices[currency.toLowerCase()];
+  });
+
+  const { currency, language } = $settingsStore;
+  const { networkName } = $networkStore;
+
+  const scrollToTop = () => {
+    scrollContainer.scrollTo(0, 0);
+  };
+
+  afterNavigate(scrollToTop);
+
+  $: ({ balance, currentProfile, profiles, syncStatus } = $walletStore);
+  $: if (syncStatus.isInProgress) {
+    iconVariant = "warning";
+    networkStatusIconPath = mdiTimerSand;
+    syncStatusLabel = `Dusk ${networkName}`;
+  } else if (syncStatus.error) {
+    iconVariant = "error";
+    networkStatusIconPath = mdiAlertOutline;
+    syncStatusLabel = `Dusk ${networkName} - Sync Failed`;
+  } else {
+    iconVariant = "success";
+    networkStatusIconPath = mdiLink;
+    syncStatusLabel = `Dusk ${networkName}`;
+  }
+
+  /**
+   * @param {Profile} profile
+   */
+  function setCurrentProfile(profile) {
+    walletStore.setCurrentProfile(profile);
+  }
 </script>
 
-<svelte:window on:beforeunload={event => { event.preventDefault(); }}/>
+<svelte:window
+  on:beforeunload={(event) => {
+    event.preventDefault();
+  }}
+/>
 
 <section class="dashboard">
-	<slot/>
-	<footer class="footer">
-		<nav class="footer__navigation">
-			<div class="footer__network-status">
-				<CircularIcon
-					className="footer__network-status-icon footer__network-status-icon--{iconVariant}"
-					color="var(--footer-icon-color)"
-					bgColor="var(--{iconVariant}-color)"
-					data-tooltip-disabled={!error}
-					data-tooltip-id="main-tooltip"
-					data-tooltip-text={error?.message}
-					data-tooltip-type="error"
-				>
-					<Icon
-						path={iconPath}
-						size="large"
-					/>
-				</CircularIcon>
-				<div class="footer__network-message">
-					<span>{syncStatus}</span>
-					{#if isSyncing}
-						<ProgressBar/>
-					{/if}
-				</div>
-			</div>
-			<div class="footer__actions">
-				{#if error}
-					<Button
-						aria-label="Retry synchronization"
-						className="footer__actions-button"
-						data-tooltip-id="main-tooltip"
-						data-tooltip-text="Retry synchronization"
-						icon={{ path: mdiRestore, size: "large" }}
-						on:click={() => { walletStore.sync(); }}
-						variant="quaternary"
-					/>
-				{/if}
-				<AnchorButton
-					variant="quaternary"
-					className="footer__anchor-button"
-					icon={{ path: mdiCogOutline, size: "large" }}
-					href="/settings"
-					aria-label="Settings"
-					data-tooltip-id="main-tooltip"
-					data-tooltip-text="Settings"
-				/>
-			</div>
-		</nav>
-	</footer>
+  <div
+    class="dashboard-content"
+    bind:this={scrollContainer}
+    on:wizardstepchange={scrollToTop}
+  >
+    <h2 class="sr-only">Dashboard</h2>
+
+    <AddressPicker
+      {currentProfile}
+      {profiles}
+      on:setCurrentProfile={(event) => setCurrentProfile(event.detail.profile)}
+    />
+
+    <Balance
+      fiatCurrency={currency}
+      {fiatPrice}
+      locale={language}
+      tokenCurrency="DUSK"
+      shieldedAmount={balance.shielded.value}
+      unshieldedAmount={balance.unshielded.value}
+    />
+
+    <slot />
+  </div>
+  <footer class="footer">
+    <div class="footer__network-status">
+      <Icon
+        className="footer__network-status-icon footer__network-status-icon--{iconVariant}"
+        data-tooltip-disabled={!syncStatus.error}
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text={syncStatus.error?.message}
+        data-tooltip-type="error"
+        path={networkStatusIconPath}
+        size="large"
+      />
+      <div class="footer__network-message">
+        {#if syncStatusLabel && !syncStatus.isInProgress}
+          <span>{syncStatusLabel}</span>
+        {/if}
+        {#if syncStatus.isInProgress}
+          <span>
+            {syncStatusLabel} –
+            <b
+              >Syncing... {syncStatus.progress
+                ? `${(syncStatus.progress * 100).toFixed(0)}%`
+                : ""}</b
+            >
+          </span>
+          {#if syncStatus.progress}
+            <SyncBar
+              from={syncStatus.from}
+              last={syncStatus.last}
+              progress={syncStatus.progress}
+            />
+          {/if}
+        {/if}
+      </div>
+    </div>
+    <div class="footer__actions">
+      {#if syncStatus.error}
+        <Button
+          aria-label="Retry synchronization"
+          className="footer__actions-button footer__actions-button--retry"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Retry synchronization"
+          icon={{ path: mdiRestore, size: "large" }}
+          on:click={() => {
+            walletStore.sync();
+          }}
+          variant="secondary"
+        />
+      {/if}
+      <AppAnchorButton
+        variant="secondary"
+        className="footer__actions-button footer__actions-button--settings"
+        icon={{ path: mdiCogOutline, size: "large" }}
+        href="/settings"
+        aria-label="Settings"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="Settings"
+      />
+    </div>
+  </footer>
 </section>
 
 <style lang="postcss">
-	.dashboard {
-		position: relative;
-		display: flex;
-		align-content: space-between;
-		gap: 1.375rem;
-		flex: 1;
-		flex-direction: column;
-		max-height: 100%;
-	}
-
-	.footer {
-		width: 100%;
-
-		&__navigation {
-			display: flex;
-			justify-content: space-between;
-			gap: 0.75rem;
-			align-items: center;
-			width: 100%;
-		}
-
-		&__actions {
-			display: flex;
-			flex-direction: row;
-			gap: 0.75em;
-			align-items: center;
-		}
-
-		&__network-status {
-			display: flex;
-			align-items: center;
-			gap: var(--small-gap);
-			line-height: 150%;
-			text-transform: capitalize;
-		}
-
-		&__network-message {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		:global(.footer__network-status-icon--error) {
-			cursor: help;
-		}
-	}
+  :global {
+    .dashboard {
+      position: relative;
+      display: flex;
+      align-content: space-between;
+      gap: 1.375rem;
+      flex: 1;
+      flex-direction: column;
+      max-height: 100%;
+    }
+
+    .dashboard-content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 1.375rem;
+      overflow-y: auto;
+      flex: 1;
+    }
+
+    .footer {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      gap: 0.75rem;
+      align-items: center;
+
+      &__actions {
+        display: flex;
+        flex-direction: row;
+        gap: 0.75em;
+        align-items: center;
+      }
+
+      &__network-status {
+        display: flex;
+        height: 100%;
+        align-items: center;
+        gap: var(--small-gap);
+        line-height: 150%;
+        text-transform: capitalize;
+        flex: 1;
+      }
+
+      &__network-message {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        flex: 1;
+      }
+
+      .footer__network-status-icon {
+        border-radius: 50%;
+        padding: 0.2em;
+      }
+
+      .footer__network-status-icon--error {
+        cursor: help;
+        color: var(--on-error-color);
+        background: var(--error-color);
+      }
+
+      .footer__network-status-icon--success {
+        color: var(--on-success-color);
+        background: var(--success-color);
+      }
+
+      .footer__network-status-icon--warning {
+        color: var(--on-warning-color);
+        background: var(--warning-color);
+      }
+    }
+  }
 </style>
diff --git a/src/routes/(app)/dashboard/+page.svelte b/src/routes/(app)/dashboard/+page.svelte
index f744845f..959f4246 100644
--- a/src/routes/(app)/dashboard/+page.svelte
+++ b/src/routes/(app)/dashboard/+page.svelte
@@ -1,200 +1,160 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { onDestroy } from "svelte";
-	import { fade } from "svelte/transition";
-	import {
-		compose,
-		filterWith,
-		find,
-		hasKeyValue,
-		last,
-		take
-	} from "lamb";
-	import {
-		mdiDatabaseOutline,
-		mdiSwapVertical
-	} from "@mdi/js";
-
-	import {
-		AnchorButton,
-		Card,
-		Tabs,
-		Throbber
-	} from "$lib/dusk/components";
-	import {
-		StakeContract,
-		TransferContract
-	} from "$lib/containers";
-	import {
-		AddressPicker,
-		Balance,
-		Transactions
-	} from "$lib/components";
-	import {
-		operationsStore,
-		settingsStore,
-		walletStore
-	} from "$lib/stores";
-	import { contractDescriptors } from "$lib/contracts";
-	import { sortByHeightDesc } from "$lib/transactions";
-
-	/** @type {import('./$types').PageData} */
-	export let data;
-
-	const { currentPrice } = data;
-	const {
-		currency,
-		dashboardTransactionLimit,
-		language
-	} = $settingsStore;
-
-	/** @type {(descriptors: ContractDescriptor[]) => ContractDescriptor[]} */
-	const getEnabledContracts = filterWith(hasKeyValue("disabled", false));
-
-	/** @type {(transactions: Transaction[]) => Transaction[]} */
-	const getTransactionsShortlist = compose(
-		take(dashboardTransactionLimit),
-		sortByHeightDesc
-	);
-
-	/** @param {CustomEvent} event */
-	function handleSetGasSettings ({ detail }) {
-		settingsStore.update(store => ({
-			...store,
-			gasLimit: detail.limit,
-			gasPrice: detail.price
-		}));
-	}
-
-	/** @param {string} id */
-	function updateOperation (id) {
-		operationsStore.update((store) => ({
-			...store,
-			currentOperation: id
-		}));
-	}
-
-	const enabledContracts = getEnabledContracts(contractDescriptors);
-	const tabItems = enabledContracts.map(({ id, label }) => ({
-		icon: { path: id === "transfer" ? mdiSwapVertical : mdiDatabaseOutline },
-		id,
-		label
-	}));
-
-	let selectedTab = tabItems[0]?.id ?? "";
-
-	$: selectedContract = find(enabledContracts, hasKeyValue("id", selectedTab));
-	$: ({ balance, currentAddress, addresses } = $walletStore);
-	$: ({ currentOperation } = $operationsStore);
-
-	onDestroy(() => {
-		updateOperation("");
-	});
+  import {
+    mdiArrowBottomLeft,
+    mdiArrowTopRight,
+    mdiBridge,
+    mdiContain,
+    mdiDatabaseOutline,
+    mdiListBoxOutline,
+    mdiSwapHorizontal,
+    mdiSync,
+  } from "@mdi/js";
+  import { AnchorButton, Icon } from "$lib/dusk/components";
+  import { DashboardNav, Transactions } from "$lib/components";
+  import { networkStore, settingsStore, walletStore } from "$lib/stores";
+  import { contractDescriptors } from "$lib/contracts";
+  import IconHeadingCard from "$lib/containers/Cards/IconHeadingCard.svelte";
+  import { page } from "$app/stores";
+
+  const { dashboardTransactionLimit, language } = $settingsStore;
+  const { networkName } = $networkStore;
+
+  /** @param {string} contract */
+  function getIconsForContract(contract) {
+    /** @type {Array.<DashboardNavItemIconProp>} */
+    let icons = [{ path: "" }];
+
+    switch (contract) {
+      case "allocate":
+        icons = [{ path: mdiSync }];
+        break;
+      case "migrate":
+        icons = [{ path: mdiSwapHorizontal }];
+        break;
+      case "bridge":
+        icons = [{ path: mdiBridge }];
+        break;
+      case "receive":
+        icons = [{ path: mdiArrowBottomLeft }];
+        break;
+      case "send":
+        icons = [{ path: mdiArrowTopRight }];
+        break;
+      case "stake":
+        icons = [{ path: mdiDatabaseOutline }];
+        break;
+      default:
+        break;
+    }
+
+    return icons;
+  }
+
+  function getExplorerPath() {
+    const isStaging = $page.url.href.includes("staging");
+    const baseUrl = isStaging ? "https://apps.staging" : "https://apps";
+
+    switch (networkName) {
+      case "devnet":
+        return `${baseUrl}.devnet.dusk.network/explorer`;
+      case "testnet":
+        return `${baseUrl}.testnet.dusk.network/explorer`;
+      default:
+        return `${baseUrl}.dusk.network/explorer`;
+    }
+  }
+
+  /** @type {ContractDescriptor[]} */
+  const enabledContracts = contractDescriptors.filter(
+    (contract) => contract.enabled === true
+  );
+
+  const dashboardNavItems = enabledContracts.map(({ id, label }) => ({
+    href: id,
+    icons: getIconsForContract(id),
+    id,
+    label,
+  }));
+
+  $: ({ syncStatus } = $walletStore);
 </script>
 
-<div class="dashboard-content">
-	<h2 class="visible-hidden">Dashboard</h2>
-
-	<AddressPicker
-		{addresses}
-		{currentAddress}
-	/>
-
-	<Balance
-		tokens={balance.value}
-		tokenCurrency="DUSK"
-		fiat={balance.value * currentPrice[currency.toLowerCase()]}
-		fiatCurrency={currency}
-		locale={language}
-	/>
-
-	{#if selectedContract}
-		<article class="tabs">
-			<Tabs
-				bind:selectedTab
-				items={tabItems}
-				on:change={() => updateOperation("")}
-			/>
-			<div
-				class="tabs__panel"
-				class:tabs__panel--first={selectedTab === enabledContracts[0].id}
-				class:tabs__panel--last={selectedTab === last(enabledContracts).id}
-			>
-				{#key selectedTab}
-					<div in:fade class="tabs__contract">
-						<svelte:component
-							descriptor={selectedContract}
-							on:operationChange={({ detail }) => updateOperation(detail)}
-							on:setGasSettings={handleSetGasSettings}
-							this={selectedTab === "transfer" ? TransferContract : StakeContract}
-						/>
-					</div>
-				{/key}
-			</div>
-		</article>
-	{/if}
-
-	{#if currentOperation === "" && selectedTab === "transfer" }
-		{#await walletStore.getTransactionsHistory()}
-			<Throbber className="loading"/>
-		{:then transactions}
-			<Transactions transactions={getTransactionsShortlist(transactions)}>
-				<h3 class="h4" slot="heading">Transactions</h3>
-				<AnchorButton
-					className="view-transactions"
-					slot="controls"
-					href="/dashboard/transactions"
-					text="View all transactions"
-					variant="tertiary"
-				/>
-			</Transactions>
-		{:catch e}
-			<Card heading="Error getting transactions">
-				<pre>{e}</pre>
-			</Card>
-		{/await}
-	{/if}
-</div>
+{#if enabledContracts.length}
+  <DashboardNav items={dashboardNavItems} />
+{:else}
+  <div class="no-contracts">
+    <Icon path={mdiContain} size="large" />
+    <h3>No Contracts Enabled</h3>
+    <p>
+      It appears that no contracts are currently enabled. To access the full
+      range of functionalities, enabling contracts is essential.
+    </p>
+    {#if import.meta.env.MODE === "development"}
+      <h4>For Developers:</h4>
+      <p>
+        No contracts are currently enabled. Please check the environment
+        variables.
+      </p>
+    {/if}
+  </div>
+{/if}
+
+<slot />
+
+{#if import.meta.env.VITE_FEATURE_TRANSACTION_HISTORY === "true"}
+  <Transactions
+    items={walletStore.getTransactionsHistory()}
+    {language}
+    limit={dashboardTransactionLimit}
+    isSyncing={syncStatus.isInProgress}
+    syncError={syncStatus.error}
+  />
+{:else}
+  <IconHeadingCard
+    gap="medium"
+    icons={[mdiListBoxOutline]}
+    heading="Transactions"
+  >
+    <p>
+      Transaction history will be available in an upcoming release. Meanwhile,
+      you can check the status of your transactions on the Dusk Block Explorer.
+    </p>
+
+    <AnchorButton
+      variant="tertiary"
+      href={getExplorerPath()}
+      text="Block Explorer"
+      rel="noopener noreferrer"
+      target="_blank"
+    />
+  </IconHeadingCard>
+{/if}
 
 <style lang="postcss">
-	.dashboard-content {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		gap: 1.375rem;
-		overflow-y: auto;
-		flex: 1;
-	}
-
-	.tabs {
-		&__panel {
-			border-radius: var(--control-border-radius-size);
-			background: var(--surface-color);
-			transition: border-radius 0.4s ease-in-out;
-
-			&--first {
-				border-top-left-radius: 0;
-			}
-
-			&--last {
-				border-top-right-radius: 0;
-			}
-		}
-
-		&__contract {
-			display: flex;
-			flex-direction: column;
-			padding: 1rem 1.375rem;
-			gap: var(--default-gap);
-		}
-	}
-
-	:global(.view-transactions) {
-		width: 100%;
-	}
-
-	:global(.loading) {
-		align-self: center;
-	}
+  .no-contracts {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--surface-color);
+    padding: 1rem 1.375rem;
+    border-radius: var(--control-border-radius-size);
+
+    & h3 {
+      text-align: center;
+      margin-bottom: 1em;
+    }
+
+    & p:not(:last-child) {
+      margin-bottom: 1em;
+    }
+    h4 {
+      margin-bottom: 0.5em;
+    }
+
+    :global(.dusk-icon) {
+      align-self: center;
+      margin-bottom: 0.5rem;
+    }
+  }
 </style>
diff --git a/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap b/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
index ce224e24..a6e0de60 100644
--- a/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
+++ b/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
@@ -3,301 +3,1236 @@
 exports[`Dashboard Layout > should render the dashboard layout 1`] = `
 <div>
   <section
-    class="dashboard s-Ck0voT_hIlXn"
+    class="dashboard"
   >
-    <span>
-      some text
-    </span>
-     
-    <footer
-      class="footer s-Ck0voT_hIlXn"
+    <div
+      class="dashboard-content"
     >
-      <nav
-        class="footer__navigation s-Ck0voT_hIlXn"
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
+      <div
+        class="address-picker"
       >
         <div
-          class="footer__network-status s-Ck0voT_hIlXn"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-label="Select address profile"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
         >
-          <div
-            class="dusk-icon--circular footer__network-status-icon footer__network-status-icon--success"
-            data-tooltip-disabled="true"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-type="error"
-            style=""
+          <span
+            class="address-picker__current-profile"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-          </div>
-          <!--&lt;CircularIcon&gt;-->
+            Profile 1 (Default)
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default address-picker__chevron"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+            />
+          </svg>
+          
+        </div>
+         
+      </div>
+       
+      <article
+        class="dusk-balance"
+      >
+        <header
+          class="dusk-balance__header"
+        >
+          <h2
+            class="sr-only"
+          >
+            Your Balance:
+          </h2>
+        </header>
+         
+        <p
+          class="dusk-balance__dusk"
+        >
+          <span>
+            3,517.500000000
+          </span>
+           
+          <span>
+            DUSK
+          </span>
+        </p>
+         
+        <p
+          class="dusk-balance__fiat"
+        >
+          <span>
+            $0.00
+          </span>
+        </p>
+         
+        <div
+          class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+        >
            
           <div
-            class="footer__network-message s-Ck0voT_hIlXn"
+            class="dusk-card__body-container"
           >
-            <span
-              class="s-Ck0voT_hIlXn"
+            <div
+              class="dusk-balance__account"
             >
-              Dusk testnet
-            </span>
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Public"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                  />
+                </svg>
+                
+                33.33
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                1,172.500000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
+            </div>
              
+            <div
+              class="dusk-balance__account"
+            >
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Shielded"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                  />
+                </svg>
+                
+                66.67
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                2,345.000000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
+            </div>
           </div>
+           
         </div>
+        
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer"
+    >
+      <div
+        class="footer__network-status"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--success"
+          data-tooltip-disabled="true"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-type="error"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z"
+          />
+        </svg>
+        
          
         <div
-          class="footer__actions s-Ck0voT_hIlXn"
+          class="footer__network-message"
         >
+          <span>
+            Dusk unknown
+          </span>
            
-          <a
-            aria-disabled="false"
-            aria-label="Settings"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--quaternary dusk-anchor-button--size--normal dusk-icon-button footer__anchor-button"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="Settings"
-            href="/settings"
-          >
-            <svg
-              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
         </div>
-      </nav>
+      </div>
+       
+      <div
+        class="footer__actions"
+      >
+         
+        <a
+          aria-disabled="false"
+          aria-label="Settings"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Settings"
+          href="/some-base-path/settings"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+            />
+          </svg>
+          
+           
+          
+          
+        </a>
+      </div>
     </footer>
   </section>
-  <!--&lt;+layout&gt;-->
-  
-  <!--&lt;SlotContent&gt;-->
 </div>
 `;
 
-exports[`Dashboard Layout > should render the dashboard layout in the error state 1`] = `
-<div>
-  <section
-    class="dashboard s-Ck0voT_hIlXn"
+exports[`Dashboard Layout > should render the dashboard layout and show a throbber while balance is loading 1`] = `
+<section
+  class="dashboard"
+>
+  <div
+    class="dashboard-content"
   >
-    <span>
-      some text
-    </span>
+    <h2
+      class="sr-only"
+    >
+      Dashboard
+    </h2>
      
-    <footer
-      class="footer s-Ck0voT_hIlXn"
+     
+    <div
+      class="address-picker"
+    >
+      <div
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Select address profile"
+        class="address-picker__trigger"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="address-picker__current-profile"
+        >
+          Profile 1 (Default)
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default address-picker__chevron"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+          />
+        </svg>
+        
+      </div>
+       
+    </div>
+     
+    <article
+      class="dusk-balance"
     >
-      <nav
-        class="footer__navigation s-Ck0voT_hIlXn"
+      <header
+        class="dusk-balance__header"
+      >
+        <h2
+          class="sr-only"
+        >
+          Your Balance:
+        </h2>
+      </header>
+       
+      <p
+        class="dusk-balance__dusk"
+      >
+        <span>
+          3,517.500000000
+        </span>
+         
+        <span>
+          DUSK
+        </span>
+      </p>
+       
+      <p
+        class="dusk-balance__fiat"
       >
+        <span>
+          $0.00
+        </span>
+      </p>
+       
+      <div
+        class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+      >
+         
         <div
-          class="footer__network-status s-Ck0voT_hIlXn"
+          class="dusk-card__body-container"
         >
           <div
-            class="dusk-icon--circular footer__network-status-icon footer__network-status-icon--error"
-            data-tooltip-disabled="false"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text=""
-            data-tooltip-type="error"
-            style=""
+            class="dusk-balance__account"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
+            <span
+              class="dusk-balance__percentage"
             >
-              <path
-                d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="Public"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                />
+              </svg>
+              
+              33.33
+              %
+            </span>
+             
+            <span
+              class="dusk-balance__value"
+            >
+              1,172.500000000
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </span>
           </div>
-          <!--&lt;CircularIcon&gt;-->
            
           <div
-            class="footer__network-message s-Ck0voT_hIlXn"
+            class="dusk-balance__account"
           >
             <span
-              class="s-Ck0voT_hIlXn"
+              class="dusk-balance__percentage"
             >
-              Dusk testnet - Sync Failed
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="Shielded"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                />
+              </svg>
+              
+              66.67
+              %
             </span>
              
+            <span
+              class="dusk-balance__value"
+            >
+              2,345.000000000
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </span>
           </div>
         </div>
          
+      </div>
+      
+    </article>
+     
+  </div>
+   
+  <footer
+    class="footer"
+  >
+    <div
+      class="footer__network-status"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--success"
+        data-tooltip-disabled="true"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-type="error"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z"
+        />
+      </svg>
+      
+       
+      <div
+        class="footer__network-message"
+      >
+        <span>
+          Dusk unknown
+        </span>
+         
+      </div>
+    </div>
+     
+    <div
+      class="footer__actions"
+    >
+       
+      <a
+        aria-disabled="false"
+        aria-label="Settings"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="Settings"
+        href="/some-base-path/settings"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+          />
+        </svg>
+        
+         
+        
+        
+      </a>
+    </div>
+  </footer>
+</section>
+`;
+
+exports[`Dashboard Layout > should render the dashboard layout in the error state 1`] = `
+<div>
+  <section
+    class="dashboard"
+  >
+    <div
+      class="dashboard-content"
+    >
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
+      <div
+        class="address-picker"
+      >
         <div
-          class="footer__actions s-Ck0voT_hIlXn"
-        >
-          <button
-            aria-label="Retry synchronization"
-            class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button footer__actions-button"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="Retry synchronization"
-            type="button"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-label="Select address profile"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
+        >
+          <span
+            class="address-picker__current-profile"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large dusk-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            
-          </button>
-          <!--&lt;Button&gt;-->
+            Profile 1 (Default)
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default address-picker__chevron"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+            />
+          </svg>
+          
+        </div>
+         
+      </div>
+       
+      <article
+        class="dusk-balance"
+      >
+        <header
+          class="dusk-balance__header"
+        >
+          <h2
+            class="sr-only"
+          >
+            Your Balance:
+          </h2>
+        </header>
+         
+        <p
+          class="dusk-balance__dusk"
+        >
+          <span>
+            3,517.500000000
+          </span>
            
-          <a
-            aria-disabled="false"
-            aria-label="Settings"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--quaternary dusk-anchor-button--size--normal dusk-icon-button footer__anchor-button"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="Settings"
-            href="/settings"
+          <span>
+            DUSK
+          </span>
+        </p>
+         
+        <p
+          class="dusk-balance__fiat dusk-balance__fiat--visible"
+        >
+          <span>
+            $1,758.75
+          </span>
+        </p>
+         
+        <div
+          class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+        >
+           
+          <div
+            class="dusk-card__body-container"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
+            <div
+              class="dusk-balance__account"
             >
-              <path
-                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Public"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                  />
+                </svg>
+                
+                33.33
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                1,172.500000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
+            </div>
              
-            
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
+            <div
+              class="dusk-balance__account"
+            >
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Shielded"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                  />
+                </svg>
+                
+                66.67
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                2,345.000000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
+            </div>
+          </div>
+           
+        </div>
+        
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer"
+    >
+      <div
+        class="footer__network-status"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--error"
+          data-tooltip-disabled="false"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text=""
+          data-tooltip-type="error"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+          />
+        </svg>
+        
+         
+        <div
+          class="footer__network-message"
+        >
+          <span>
+            Dusk unknown - Sync Failed
+          </span>
+           
         </div>
-      </nav>
+      </div>
+       
+      <div
+        class="footer__actions"
+      >
+        <button
+          aria-label="Retry synchronization"
+          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button footer__actions-button footer__actions-button--retry"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Retry synchronization"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
+            />
+          </svg>
+          
+           
+          
+        </button>
+         
+        <a
+          aria-disabled="false"
+          aria-label="Settings"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Settings"
+          href="/some-base-path/settings"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+            />
+          </svg>
+          
+           
+          
+          
+        </a>
+      </div>
     </footer>
   </section>
-  <!--&lt;+layout&gt;-->
-  
-  <!--&lt;SlotContent&gt;-->
 </div>
 `;
 
-exports[`Dashboard Layout > should render the dashboard layout in the sync state 1`] = `
-<div>
-  <section
-    class="dashboard s-Ck0voT_hIlXn"
+exports[`Dashboard Layout > should render the dashboard layout in the sync state when no progress is reported 1`] = `
+<section
+  class="dashboard"
+>
+  <div
+    class="dashboard-content"
   >
-    <span>
-      some text
-    </span>
+    <h2
+      class="sr-only"
+    >
+      Dashboard
+    </h2>
      
-    <footer
-      class="footer s-Ck0voT_hIlXn"
+     
+    <div
+      class="address-picker"
+    >
+      <div
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Select address profile"
+        class="address-picker__trigger"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="address-picker__current-profile"
+        >
+          Profile 1 (Default)
+        </span>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default address-picker__chevron"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+          />
+        </svg>
+        
+      </div>
+       
+    </div>
+     
+    <article
+      class="dusk-balance"
     >
-      <nav
-        class="footer__navigation s-Ck0voT_hIlXn"
+      <header
+        class="dusk-balance__header"
+      >
+        <h2
+          class="sr-only"
+        >
+          Your Balance:
+        </h2>
+      </header>
+       
+      <p
+        class="dusk-balance__dusk"
+      >
+        <span>
+          3,517.500000000
+        </span>
+         
+        <span>
+          DUSK
+        </span>
+      </p>
+       
+      <p
+        class="dusk-balance__fiat dusk-balance__fiat--visible"
+      >
+        <span>
+          $1,758.75
+        </span>
+      </p>
+       
+      <div
+        class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
       >
+         
         <div
-          class="footer__network-status s-Ck0voT_hIlXn"
+          class="dusk-card__body-container"
         >
           <div
-            class="dusk-icon--circular footer__network-status-icon footer__network-status-icon--warning"
-            data-tooltip-disabled="true"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-type="error"
-            style=""
+            class="dusk-balance__account"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
+            <span
+              class="dusk-balance__percentage"
             >
-              <path
-                d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="Public"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                />
+              </svg>
+              
+              33.33
+              %
+            </span>
+             
+            <span
+              class="dusk-balance__value"
+            >
+              1,172.500000000
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </span>
           </div>
-          <!--&lt;CircularIcon&gt;-->
            
           <div
-            class="footer__network-message s-Ck0voT_hIlXn"
+            class="dusk-balance__account"
           >
             <span
-              class="s-Ck0voT_hIlXn"
+              class="dusk-balance__percentage"
+            >
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="Shielded"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                />
+              </svg>
+              
+              66.67
+              %
+            </span>
+             
+            <span
+              class="dusk-balance__value"
             >
-              Syncing with Dusk testnet
+              2,345.000000000
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
             </span>
+          </div>
+        </div>
+         
+      </div>
+      
+    </article>
+     
+  </div>
+   
+  <footer
+    class="footer"
+  >
+    <div
+      class="footer__network-status"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--warning"
+        data-tooltip-disabled="true"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-type="error"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+        />
+      </svg>
+      
+       
+      <div
+        class="footer__network-message"
+      >
+         
+        <span>
+          Dusk unknown
+           –
+            
+          <b>
+            Syncing... 
+            
+          </b>
+        </span>
+         
+        
+      </div>
+    </div>
+     
+    <div
+      class="footer__actions"
+    >
+       
+      <a
+        aria-disabled="false"
+        aria-label="Settings"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+        data-tooltip-id="main-tooltip"
+        data-tooltip-text="Settings"
+        href="/some-base-path/settings"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+          />
+        </svg>
+        
+         
+        
+        
+      </a>
+    </div>
+  </footer>
+</section>
+`;
+
+exports[`Dashboard Layout > should render the dashboard layout in the sync state with a progress indicator 1`] = `
+<div>
+  <section
+    class="dashboard"
+  >
+    <div
+      class="dashboard-content"
+    >
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
+      <div
+        class="address-picker"
+      >
+        <div
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-label="Select address profile"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
+        >
+          <span
+            class="address-picker__current-profile"
+          >
+            Profile 1 (Default)
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default address-picker__chevron"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+            />
+          </svg>
+          
+        </div>
+         
+      </div>
+       
+      <article
+        class="dusk-balance"
+      >
+        <header
+          class="dusk-balance__header"
+        >
+          <h2
+            class="sr-only"
+          >
+            Your Balance:
+          </h2>
+        </header>
+         
+        <p
+          class="dusk-balance__dusk"
+        >
+          <span>
+            3,517.500000000
+          </span>
+           
+          <span>
+            DUSK
+          </span>
+        </p>
+         
+        <p
+          class="dusk-balance__fiat dusk-balance__fiat--visible"
+        >
+          <span>
+            $1,758.75
+          </span>
+        </p>
+         
+        <div
+          class="dusk-card dusk-card--gap-default dusk-balance__usage-details"
+        >
+           
+          <div
+            class="dusk-card__body-container"
+          >
+            <div
+              class="dusk-balance__account"
+            >
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Public"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                  />
+                </svg>
+                
+                33.33
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                1,172.500000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
+            </div>
              
             <div
-              class="dusk-progress-bar"
-              role="progressbar"
+              class="dusk-balance__account"
             >
-              <div
-                class="dusk-progress-bar__filler dusk-progress-bar__filler--undetermined"
-              />
+              <span
+                class="dusk-balance__percentage"
+              >
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="Shielded"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                  />
+                </svg>
+                
+                66.67
+                %
+              </span>
+               
+              <span
+                class="dusk-balance__value"
+              >
+                2,345.000000000
+                <svg
+                  class="dusk-icon dusk-icon--size--default"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+              </span>
             </div>
-            <!--&lt;ProgressBar&gt;-->
           </div>
+           
         </div>
+        
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer"
+    >
+      <div
+        class="footer__network-status"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--warning"
+          data-tooltip-disabled="true"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-type="error"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+          />
+        </svg>
+        
          
         <div
-          class="footer__actions s-Ck0voT_hIlXn"
+          class="footer__network-message"
         >
            
-          <a
-            aria-disabled="false"
-            aria-label="Settings"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--quaternary dusk-anchor-button--size--normal dusk-icon-button footer__anchor-button"
-            data-tooltip-id="main-tooltip"
-            data-tooltip-text="Settings"
-            href="/settings"
+          <span>
+            Dusk unknown
+             –
+            
+            <b>
+              Syncing... 
+              50%
+            </b>
+          </span>
+           
+          <div
+            class="sync-bar svelte-zpfqie"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
+            <span>
+              100
+            </span>
+            <div
+              class="dusk-progress-bar"
+              role="progressbar"
             >
-              <path
-                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              <div
+                class="dusk-progress-bar__filler"
+                style="width: 0%"
               />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
+            </div>
+            <span>
+              200
+            </span>
+          </div>
+          
         </div>
-      </nav>
+      </div>
+       
+      <div
+        class="footer__actions"
+      >
+         
+        <a
+          aria-disabled="false"
+          aria-label="Settings"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Settings"
+          href="/some-base-path/settings"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+            />
+          </svg>
+          
+           
+          
+          
+        </a>
+      </div>
     </footer>
   </section>
-  <!--&lt;+layout&gt;-->
-  
-  <!--&lt;SlotContent&gt;-->
 </div>
 `;
diff --git a/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
index a6f6dad4..1373aef3 100644
--- a/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
@@ -3,205 +3,95 @@
 exports[`Dashboard > should render a card when there is an error getting transactions 1`] = `
 <div>
   <div
-    class="dashboard-content s-qpUp5WgwgSGx"
+    class="dusk-card dusk-card--gap-default"
   >
-    <h2
-      class="visible-hidden s-qpUp5WgwgSGx"
-    >
-      Dashboard
-    </h2>
-     
      
     <div
-      class="address-picker"
+      class="dusk-card__body-container"
     >
-      <div
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="address-picker__trigger"
-        role="button"
-        tabindex="0"
+      <nav
+        aria-label="Transaction and operations navigation"
+        class="dashboard-nav"
       >
-        <div
-          class="dusk-icon--circular"
-          style=""
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="send"
+          role="menuitem"
+          tabindex="0"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--large"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <path
-              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-        </div>
-        <!--&lt;CircularIcon&gt;-->
-         
-        <p
-          class="address-picker__current-address"
-        >
-          2087290d3dc213d43e493f03f5435f99
-        </p>
-         
-        <span
-          class="address-picker__copy-address-button-wrapper"
-        >
-          <button
-            aria-label="Copy Address"
-            class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button address-picker__copy-address-button"
-            type="button"
+            Send
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+                d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            
-          </button>
-          <!--&lt;Button&gt;-->
-        </span>
-      </div>
-       
-    </div>
-    <!--&lt;AddressPicker&gt;-->
-     
-    <article
-      class="dusk-balance"
-    >
-      <header
-        class="dusk-balance__header"
-      >
-        <h2>
-          Your Balance:
-        </h2>
-      </header>
-       
-      <p
-        class="dusk-balance__dusk"
-      >
-        <strong>
-          2,345.000000000
-        </strong>
-         
-        <svg
-          class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-          data-tooltip-id="balance-tooltip"
-          data-tooltip-place="right"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-      </p>
-       
-      <p
-        class="dusk-balance__fiat"
-      >
-        <strong>
-          (
-          $1,172.50
-          )
-        </strong>
-      </p>
-       
-       
-      <div
-        aria-hidden="true"
-        class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-        id="balance-tooltip"
-        role="tooltip"
-        style="left: 0px; top: 0px;"
-      >
+          </span>
+           
+        </a>
         
-      </div>
-      <!--&lt;Tooltip&gt;-->
-    </article>
-    <!--&lt;Balance&gt;-->
-     
-    <article
-      class="tabs s-qpUp5WgwgSGx"
-    >
-      <div
-        class="dusk-tabs"
-      >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="receive"
+          role="menuitem"
+          tabindex="0"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <path
-              d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+            Receive
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-         
-        <ul
-          class="dusk-tabs-list"
-          role="tablist"
-        >
-          <li
-            aria-selected="true"
-            class="dusk-tab-item dusk-tab-item__selected"
-            data-tabid="transfer"
-            role="tab"
-            tabindex="0"
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
+                d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Transact
-            </span>
-            
-             
-          </li>
-          <li
-            aria-selected="false"
-            class="dusk-tab-item"
-            data-tabid="staking"
-            role="tab"
-            tabindex="0"
+          </span>
+           
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="stake"
+          role="menuitem"
+          tabindex="0"
+        >
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
+            Stake
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
+          >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
@@ -210,1435 +100,772 @@ exports[`Dashboard > should render a card when there is an error getting transac
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Stake
-            </span>
-            
-             
-          </li>
-        </ul>
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-      </div>
-      <!--&lt;Tabs&gt;-->
-       
-      <div
-        class="tabs__panel s-qpUp5WgwgSGx tabs__panel--first"
-      >
-        <div
-          class="tabs__contract s-qpUp5WgwgSGx"
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="allocate"
+          role="menuitem"
+          tabindex="0"
         >
-          <dl
-            class="contract-statuses s-fYGIMZDSuGmT"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <dt
-              class="contract-statuses__label s-fYGIMZDSuGmT"
-            >
-              Spendable
-               
-            </dt>
-            <dd
-              class="contract-statuses__value s-fYGIMZDSuGmT"
-            >
-              <span
-                class="s-fYGIMZDSuGmT"
-              >
-                50,000.000000000
-              </span>
-               
-              <svg
-                class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-                data-tooltip-id="main-tooltip"
-                data-tooltip-text="DUSK"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-                />
-              </svg>
-              
-              <!--&lt;Icon&gt;-->
-               
-            </dd>
-          </dl>
-          <!--&lt;ContractStatusesList&gt;-->
+            Allocate
+          </span>
            
-          <menu
-            class="contract-operations s-MYVJhCZxEBFW"
-          >
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Send
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Receive
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-          </menu>
-          <!--&lt;ContractOperations&gt;-->
-          
-          <!--&lt;TransferContract&gt;-->
-        </div>
-      </div>
-    </article>
-     
-    <div
-      class="dusk-card"
-    >
-      <header
-        class="dusk-card__header"
-      >
-         
-        <h3
-          class="h4"
-        >
-          Error getting transactions
-        </h3>
-         
-      </header>
-       
-      <pre
-        class="s-qpUp5WgwgSGx"
-      >
-        Error: some error message
-      </pre>
-    </div>
-    
-    <!--&lt;Card&gt;-->
-    
-  </div>
-  <!--&lt;+page&gt;-->
-</div>
-`;
-
-exports[`Dashboard > should render the dashboard page and show a throbber while transactions are loading 1`] = `
-<div>
-  <div
-    class="dashboard-content s-qpUp5WgwgSGx"
-  >
-    <h2
-      class="visible-hidden s-qpUp5WgwgSGx"
-    >
-      Dashboard
-    </h2>
-     
-     
-    <div
-      class="address-picker"
-    >
-      <div
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="address-picker__trigger"
-        role="button"
-        tabindex="0"
-      >
-        <div
-          class="dusk-icon--circular"
-          style=""
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--large"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-        </div>
-        <!--&lt;CircularIcon&gt;-->
-         
-        <p
-          class="address-picker__current-address"
-        >
-          2087290d3dc213d43e493f03f5435f99
-        </p>
-         
-        <span
-          class="address-picker__copy-address-button-wrapper"
-        >
-          <button
-            aria-label="Copy Address"
-            class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button address-picker__copy-address-button"
-            type="button"
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+                d="M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            
-          </button>
-          <!--&lt;Button&gt;-->
-        </span>
-      </div>
-       
-    </div>
-    <!--&lt;AddressPicker&gt;-->
-     
-    <article
-      class="dusk-balance"
-    >
-      <header
-        class="dusk-balance__header"
-      >
-        <h2>
-          Your Balance:
-        </h2>
-      </header>
-       
-      <p
-        class="dusk-balance__dusk"
-      >
-        <strong>
-          2,345.000000000
-        </strong>
-         
-        <svg
-          class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-          data-tooltip-id="balance-tooltip"
-          data-tooltip-place="right"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-      </p>
-       
-      <p
-        class="dusk-balance__fiat"
-      >
-        <strong>
-          (
-          $1,172.50
-          )
-        </strong>
-      </p>
-       
-       
-      <div
-        aria-hidden="true"
-        class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-        id="balance-tooltip"
-        role="tooltip"
-        style="left: 0px; top: 0px;"
-      >
+          </span>
+           
+        </a>
         
-      </div>
-      <!--&lt;Tooltip&gt;-->
-    </article>
-    <!--&lt;Balance&gt;-->
-     
-    <article
-      class="tabs s-qpUp5WgwgSGx"
-    >
-      <div
-        class="dusk-tabs"
-      >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="migrate"
+          role="menuitem"
+          tabindex="0"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <path
-              d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+            Migrate
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-         
-        <ul
-          class="dusk-tabs-list"
-          role="tablist"
-        >
-          <li
-            aria-selected="true"
-            class="dusk-tab-item dusk-tab-item__selected"
-            data-tabid="transfer"
-            role="tab"
-            tabindex="0"
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
+                d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Transact
-            </span>
-            
-             
-          </li>
-          <li
-            aria-selected="false"
-            class="dusk-tab-item"
-            data-tabid="staking"
-            role="tab"
-            tabindex="0"
+          </span>
+           
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="bridge"
+          role="menuitem"
+          tabindex="0"
+        >
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
+          >
+            Bridge
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
+                d="M7,14V10.91C6.28,10.58 5.61,10.18 5,9.71V14H7M5,18H3V16H1V14H3V7H5V8.43C6.8,10 9.27,11 12,11C14.73,11 17.2,10 19,8.43V7H21V14H23V16H21V18H19V16H5V18M17,10.91V14H19V9.71C18.39,10.18 17.72,10.58 17,10.91M16,14V11.32C15.36,11.55 14.69,11.72 14,11.84V14H16M13,14V11.96L12,12L11,11.96V14H13M10,14V11.84C9.31,11.72 8.64,11.55 8,11.32V14H10Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Stake
-            </span>
-            
-             
-          </li>
-        </ul>
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-      </div>
-      <!--&lt;Tabs&gt;-->
+        </a>
+      </nav>
+    </div>
+     
+  </div>
+  
+   
+  <span>
+    some text
+  </span>
+   
+  <article
+    class="transactions svelte-mwi4ip"
+  >
+    <header
+      class="transactions__header svelte-mwi4ip"
+    >
+      <h3
+        class="h4"
+      >
+        Transactions
+      </h3>
        
-      <div
-        class="tabs__panel s-qpUp5WgwgSGx tabs__panel--first"
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default transactions__footer-button"
+        href="/some-base-path/dashboard/transactions"
       >
-        <div
-          class="tabs__contract s-qpUp5WgwgSGx"
+        <span
+          class="dusk-anchor-button__text"
         >
-          <dl
-            class="contract-statuses s-fYGIMZDSuGmT"
-          >
-            <dt
-              class="contract-statuses__label s-fYGIMZDSuGmT"
-            >
-              Spendable
-               
-            </dt>
-            <dd
-              class="contract-statuses__value s-fYGIMZDSuGmT"
-            >
-              <span
-                class="s-fYGIMZDSuGmT"
-              >
-                50,000.000000000
-              </span>
-               
-              <svg
-                class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-                data-tooltip-id="main-tooltip"
-                data-tooltip-text="DUSK"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-                />
-              </svg>
-              
-              <!--&lt;Icon&gt;-->
-               
-            </dd>
-          </dl>
-          <!--&lt;ContractStatusesList&gt;-->
-           
-          <menu
-            class="contract-operations s-MYVJhCZxEBFW"
-          >
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Send
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Receive
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-          </menu>
-          <!--&lt;ContractOperations&gt;-->
-          
-          <!--&lt;TransferContract&gt;-->
-        </div>
-      </div>
-    </article>
+          All transactions
+        </span>
+        
+      </a>
+    </header>
      
-    
-    <svg
-      class="dusk-throbber loading"
-      height="64px"
-      role="progressbar"
-      viewBox="0 0 128 128"
-      width="64px"
+    <div
+      class="dusk-suspense transactions-list__container"
     >
-      <g>
-        <path
-          d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
-        />
-        <animatetransform
-          attributeName="transform"
-          dur="1800ms"
-          from="0 64 64"
-          repeatCount="indefinite"
-          to="360 64 64"
-          type="rotate"
-        />
-      </g>
-    </svg>
-    <!--&lt;Throbber&gt;-->
-  </div>
-  <!--&lt;+page&gt;-->
+      <details
+        class="dusk-error-details dusk-error-details__details dusk-suspense__error"
+      >
+        <summary
+          class="dusk-error-details__summary"
+        >
+          Error getting transactions
+        </summary>
+         
+        <pre
+          class="dusk-error-details__error"
+        >
+          			
+          some error message
+          
+		
+        </pre>
+      </details>
+      
+       
+       
+    </div>
+  </article>
+  
+  
 </div>
 `;
 
 exports[`Dashboard > should render the dashboard page with the transactions after they are loaded 1`] = `
 <div>
   <div
-    class="dashboard-content s-qpUp5WgwgSGx"
+    class="dusk-card dusk-card--gap-default"
   >
-    <h2
-      class="visible-hidden s-qpUp5WgwgSGx"
-    >
-      Dashboard
-    </h2>
-     
      
     <div
-      class="address-picker"
+      class="dusk-card__body-container"
     >
-      <div
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="address-picker__trigger"
-        role="button"
-        tabindex="0"
+      <nav
+        aria-label="Transaction and operations navigation"
+        class="dashboard-nav"
       >
-        <div
-          class="dusk-icon--circular"
-          style=""
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="send"
+          role="menuitem"
+          tabindex="0"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--large"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <path
-              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-        </div>
-        <!--&lt;CircularIcon&gt;-->
-         
-        <p
-          class="address-picker__current-address"
-        >
-          2087290d3dc213d43e493f03f5435f99
-        </p>
-         
-        <span
-          class="address-picker__copy-address-button-wrapper"
-        >
-          <button
-            aria-label="Copy Address"
-            class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button address-picker__copy-address-button"
-            type="button"
+            Send
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal dusk-button__icon"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+                d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            
-          </button>
-          <!--&lt;Button&gt;-->
-        </span>
-      </div>
-       
-    </div>
-    <!--&lt;AddressPicker&gt;-->
-     
-    <article
-      class="dusk-balance"
-    >
-      <header
-        class="dusk-balance__header"
-      >
-        <h2>
-          Your Balance:
-        </h2>
-      </header>
-       
-      <p
-        class="dusk-balance__dusk"
-      >
-        <strong>
-          2,345.000000000
-        </strong>
-         
-        <svg
-          class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-          data-tooltip-id="balance-tooltip"
-          data-tooltip-place="right"
-          data-tooltip-text="DUSK"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-      </p>
-       
-      <p
-        class="dusk-balance__fiat"
-      >
-        <strong>
-          (
-          $1,172.50
-          )
-        </strong>
-      </p>
-       
-       
-      <div
-        aria-hidden="true"
-        class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-        id="balance-tooltip"
-        role="tooltip"
-        style="left: 0px; top: 0px;"
-      >
+          </span>
+           
+        </a>
         
-      </div>
-      <!--&lt;Tooltip&gt;-->
-    </article>
-    <!--&lt;Balance&gt;-->
-     
-    <article
-      class="tabs s-qpUp5WgwgSGx"
-    >
-      <div
-        class="dusk-tabs"
-      >
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="receive"
+          role="menuitem"
+          tabindex="0"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <path
-              d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+            Receive
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-         
-        <ul
-          class="dusk-tabs-list"
-          role="tablist"
-        >
-          <li
-            aria-selected="true"
-            class="dusk-tab-item dusk-tab-item__selected"
-            data-tabid="transfer"
-            role="tab"
-            tabindex="0"
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--normal"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Transact
-            </span>
             
-             
-          </li>
-          <li
-            aria-selected="false"
-            class="dusk-tab-item"
-            data-tabid="staking"
-            role="tab"
-            tabindex="0"
-          >
             <svg
-              class="dusk-icon dusk-icon--size--normal"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
+                d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-tab-label"
-            >
-              Stake
-            </span>
-            
-             
-          </li>
-        </ul>
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--quaternary dusk-button--size--normal dusk-icon-button dusk-tab-scroll-button"
-          disabled=""
-          hidden="true"
-          tabindex="-1"
-          type="button"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+          </span>
            
-          
-        </button>
-        <!--&lt;Button&gt;-->
-      </div>
-      <!--&lt;Tabs&gt;-->
-       
-      <div
-        class="tabs__panel s-qpUp5WgwgSGx tabs__panel--first"
-      >
-        <div
-          class="tabs__contract s-qpUp5WgwgSGx"
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="stake"
+          role="menuitem"
+          tabindex="0"
         >
-          <dl
-            class="contract-statuses s-fYGIMZDSuGmT"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            <dt
-              class="contract-statuses__label s-fYGIMZDSuGmT"
-            >
-              Spendable
-               
-            </dt>
-            <dd
-              class="contract-statuses__value s-fYGIMZDSuGmT"
-            >
-              <span
-                class="s-fYGIMZDSuGmT"
-              >
-                50,000.000000000
-              </span>
-               
-              <svg
-                class="dusk-icon dusk-icon--size--normal contract-statuses__icon"
-                data-tooltip-id="main-tooltip"
-                data-tooltip-text="DUSK"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-                />
-              </svg>
-              
-              <!--&lt;Icon&gt;-->
-               
-            </dd>
-          </dl>
-          <!--&lt;ContractStatusesList&gt;-->
+            Stake
+          </span>
            
-          <menu
-            class="contract-operations s-MYVJhCZxEBFW"
-          >
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Send
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-            <li
-              class="contract-operations__operation s-MYVJhCZxEBFW"
-            >
-              <button
-                class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled contract-operations__operation-button"
-                type="button"
-              >
-                <svg
-                  class="dusk-icon dusk-icon--size--normal dusk-button__icon"
-                  role="graphics-symbol"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                  />
-                </svg>
-                
-                <!--&lt;Icon&gt;-->
-                 
-                <span
-                  class="dusk-button__text"
-                >
-                  Receive
-                </span>
-                
-              </button>
-              <!--&lt;Button&gt;-->
-               
-            </li>
-          </menu>
-          <!--&lt;ContractOperations&gt;-->
-          
-          <!--&lt;TransferContract&gt;-->
-        </div>
-      </div>
-    </article>
-     
-    <article
-      class="transactions s-j8yKepzodVZ-"
-      style="animation: __svelte_3516408220_0 400ms linear 0ms 1 both;"
-    >
-      <header
-        class="transactions__header s-j8yKepzodVZ-"
-      >
-        <h3
-          class="h4 s-qpUp5WgwgSGx"
-          slot="heading"
-        >
-          Transactions
-        </h3>
-      </header>
-       
-      <div
-        class="transactions__lists s-j8yKepzodVZ-"
-      >
-        <dl
-          class="transactions-list s-j8yKepzodVZ-"
-        >
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Hash
-          </dt>
-          <dd
-            class="transactions-list__datum transactions-list__datum--hash s-j8yKepzodVZ-"
-          >
-            <samp
-              class="s-j8yKepzodVZ-"
-            >
-              <a
-                class="dusk-anchor"
-                href="https://explorer.dusk.network/transactions/transaction?id=tg874534tddsghdtst54hdfh795h"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                tg874534tddsghdtst54hdfh795h
-              </a>
-              <!--&lt;Anchor&gt;-->
-            </samp>
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Type
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            <span
-              class="dusk-badge dusk-badge--variant-neutral w-100"
-            >
-              STAKE
-            </span>
-            <!--&lt;Badge&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Block
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            33,460
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Amount
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
-            +27,000.00
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Fee
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            1,876.00
-             
             <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <dl
-          class="transactions-list s-j8yKepzodVZ-"
+          </span>
+           
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="allocate"
+          role="menuitem"
+          tabindex="0"
         >
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Hash
-          </dt>
-          <dd
-            class="transactions-list__datum transactions-list__datum--hash s-j8yKepzodVZ-"
-          >
-            <samp
-              class="s-j8yKepzodVZ-"
-            >
-              <a
-                class="dusk-anchor"
-                href="https://explorer.dusk.network/transactions/transaction?id=tg874534tddsghdtst54hdfh794h"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                tg874534tddsghdtst54hdfh794h
-              </a>
-              <!--&lt;Anchor&gt;-->
-            </samp>
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Type
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            <span
-              class="dusk-badge dusk-badge--variant-neutral w-100"
-            >
-              TRANSFER
-            </span>
-            <!--&lt;Badge&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Block
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            33,459
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            Amount
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Allocate
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
-            -25,000.00
-             
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                d="M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <dl
-          class="transactions-list s-j8yKepzodVZ-"
+          </span>
+           
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="migrate"
+          role="menuitem"
+          tabindex="0"
         >
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Hash
-          </dt>
-          <dd
-            class="transactions-list__datum transactions-list__datum--hash s-j8yKepzodVZ-"
-          >
-            <samp
-              class="s-j8yKepzodVZ-"
-            >
-              <a
-                class="dusk-anchor"
-                href="https://explorer.dusk.network/transactions/transaction?id=tg874534tddsghdtst54hdfh793h"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                tg874534tddsghdtst54hdfh793h
-              </a>
-              <!--&lt;Anchor&gt;-->
-            </samp>
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Type
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            <span
-              class="dusk-badge dusk-badge--variant-neutral w-100"
-            >
-              TRANSFER
-            </span>
-            <!--&lt;Badge&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Block
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            33,458
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            Amount
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Migrate
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
-            +25,000.00
-             
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <dl
-          class="transactions-list s-j8yKepzodVZ-"
+          </span>
+           
+        </a>
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
+          href="bridge"
+          role="menuitem"
+          tabindex="0"
         >
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Hash
-          </dt>
-          <dd
-            class="transactions-list__datum transactions-list__datum--hash s-j8yKepzodVZ-"
-          >
-            <samp
-              class="s-j8yKepzodVZ-"
-            >
-              <a
-                class="dusk-anchor"
-                href="https://explorer.dusk.network/transactions/transaction?id=tg874534tddsghdtst54hdfh792h"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                tg874534tddsghdtst54hdfh792h
-              </a>
-              <!--&lt;Anchor&gt;-->
-            </samp>
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Type
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            <span
-              class="dusk-badge dusk-badge--variant-neutral w-100"
-            >
-              TRANSFER
-            </span>
-            <!--&lt;Badge&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
-          >
-            Block
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
-          >
-            33,457
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+          <span
+            class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            Amount
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Bridge
+          </span>
+           
+          <span
+            class="dashboard-nav__item-icons svelte-1opr8zc"
           >
-            -25,000.00
-             
+            
             <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
+              class="dusk-icon dusk-icon--size--default"
               role="graphics-symbol"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                d="M7,14V10.91C6.28,10.58 5.61,10.18 5,9.71V14H7M5,18H3V16H1V14H3V7H5V8.43C6.8,10 9.27,11 12,11C14.73,11 17.2,10 19,8.43V7H21V14H23V16H21V18H19V16H5V18M17,10.91V14H19V9.71C18.39,10.18 17.72,10.58 17,10.91M16,14V11.32C15.36,11.55 14.69,11.72 14,11.84V14H16M13,14V11.96L12,12L11,11.96V14H13M10,14V11.84C9.31,11.72 8.64,11.55 8,11.32V14H10Z"
               />
             </svg>
             
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+          </span>
+           
+        </a>
+      </nav>
+    </div>
+     
+  </div>
+  
+   
+  <span>
+    some text
+  </span>
+   
+  <article
+    class="transactions svelte-mwi4ip"
+  >
+    <header
+      class="transactions__header svelte-mwi4ip"
+    >
+      <h3
+        class="h4"
+      >
+        Transactions
+      </h3>
+       
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default transactions__footer-button"
+        href="/some-base-path/dashboard/transactions"
+      >
+        <span
+          class="dusk-anchor-button__text"
+        >
+          All transactions
+        </span>
+        
+      </a>
+    </header>
+     
+    <div
+      class="dusk-suspense transactions-list__container"
+    >
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh795h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh795h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
           >
-            Fee
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            STAKE
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,460
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          +27,000.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            1,876.00
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        <dl
-          class="transactions-list s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Fee
+        </dt>
+        <dd
+          class="transactions-list__datum"
         >
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+          1,876.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            Hash
-          </dt>
-          <dd
-            class="transactions-list__datum transactions-list__datum--hash s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh794h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh794h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
           >
-            <samp
-              class="s-j8yKepzodVZ-"
-            >
-              <a
-                class="dusk-anchor"
-                href="https://explorer.dusk.network/transactions/transaction?id=tg874534tddsghdtst54hdfh791h"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                tg874534tddsghdtst54hdfh791h
-              </a>
-              <!--&lt;Anchor&gt;-->
-            </samp>
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,459
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            Type
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh793h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh793h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
           >
-            <span
-              class="dusk-badge dusk-badge--variant-neutral w-100"
-            >
-              TRANSFER
-            </span>
-            <!--&lt;Badge&gt;-->
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,458
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          +25,000.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            Block
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh792h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh792h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
           >
-            33,456
-             
-          </dd>
-          <dt
-            class="transactions-list__term s-j8yKepzodVZ-"
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,457
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            Amount
-          </dt>
-          <dd
-            class="transactions-list__datum s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Fee
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          1,876.00
+           
+          <span
+            class="transactions-list__ticker"
           >
-            -25,000.00
-             
-            <svg
-              class="dusk-icon dusk-icon--size--normal transactions-list__icon"
-              data-tooltip-id="transactions-tooltip"
-              data-tooltip-place="top"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-          </dd>
-        </dl>
-        
-      </div>
-       
-      <footer
-        class="transactions__footer s-j8yKepzodVZ-"
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
       >
-        <a
-          aria-disabled="false"
-          class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal view-transactions"
-          href="/dashboard/transactions"
-          slot="controls"
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh791h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh791h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
         >
           <span
-            class="dusk-anchor-button__text"
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
           >
-            View all transactions
+            TRANSFER
           </span>
-          
-        </a>
-        <!--&lt;Anchor&gt;-->
-        <!--&lt;AnchorButton&gt;-->
-      </footer>
-    </article>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="transactions-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,456
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      
       
     </div>
-    <!--&lt;Tooltip&gt;-->
-    <!--&lt;Transactions&gt;-->
-    
-  </div>
-  <!--&lt;+page&gt;-->
+  </article>
+  
+  
 </div>
 `;
diff --git a/src/routes/(app)/dashboard/__tests__/layout.spec.js b/src/routes/(app)/dashboard/__tests__/layout.spec.js
index 10094239..ca426cfa 100644
--- a/src/routes/(app)/dashboard/__tests__/layout.spec.js
+++ b/src/routes/(app)/dashboard/__tests__/layout.spec.js
@@ -1,101 +1,268 @@
 import {
-	afterAll,
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
-import { act, cleanup } from "@testing-library/svelte";
+import { act, cleanup, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
+
+import { apiMarketData } from "$lib/mock-data";
+import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
+
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
 
-import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
-import mockedWalletStore from "../../__mocks__/mockedWalletStore";
 import Layout from "../+layout.svelte";
+import { load } from "../+layout.js";
 
-vi.mock("$lib/stores", async importOriginal => {
-	/** @type {import("$lib/stores/stores").WalletStore} */
-	const original = await importOriginal();
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {typeof import("$lib/stores")} */
+  const original = await importOriginal();
 
-	return {
-		...original,
-		walletStore: mockedWalletStore
-	};
+  return {
+    ...original,
+    walletStore: { ...original.walletStore, ...mockedWalletStore },
+  };
 });
 
 describe("Dashboard Layout", () => {
-	/**
-	 * @param {Element} container
-	 * @param {"error" | "success" | "warning"} status
-	 * @returns
-	 */
-	const getStatusWrapper = (container, status) =>
-		container.querySelector(`.footer__network-status-icon--${status}`);
-	const initialState = structuredClone(mockedWalletStore.getMockedStoreValue());
-
-	beforeEach(() => {
-		mockedWalletStore.setMockedStoreValue(initialState);
-	});
-
-	afterEach(cleanup);
-
-	afterAll(() => {
-		vi.doUnmock("$lib/stores");
-	});
-
-	it("should render the dashboard layout", () => {
-		const { container } = renderWithSimpleContent(Layout, {});
-
-		expect(getStatusWrapper(container, "success")).toBeTruthy();
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should render the dashboard layout in the sync state", async () => {
-		const { container } = renderWithSimpleContent(Layout, {});
-
-		expect(getStatusWrapper(container, "warning")).toBeNull();
-
-		await act(() => {
-			mockedWalletStore.setMockedStoreValue({
-				...initialState,
-				isSyncing: true
-			});
-		});
-
-		expect(getStatusWrapper(container, "warning")).toBeTruthy();
-		expect(container.firstChild).toMatchSnapshot();
-
-		await act(() => {
-			mockedWalletStore.setMockedStoreValue({ initialState });
-		});
-
-		expect(getStatusWrapper(container, "warning")).toBeNull();
-	});
-
-	it("should render the dashboard layout in the error state", async () => {
-		const { container } = renderWithSimpleContent(Layout, {});
-		const getRetryButton = () => container.querySelector(".footer__actions-button");
-
-		expect(getStatusWrapper(container, "error")).toBeNull();
-		expect(getRetryButton()).toBeNull();
-
-		await act(() => {
-			mockedWalletStore.setMockedStoreValue({
-				...initialState,
-				error: new Error()
-			});
-		});
-
-		expect(getStatusWrapper(container, "error")).toBeTruthy();
-		expect(getRetryButton()).toBeTruthy();
-		expect(container.firstChild).toMatchSnapshot();
-
-		await act(() => {
-			mockedWalletStore.setMockedStoreValue({ initialState });
-		});
-
-		expect(getStatusWrapper(container, "error")).toBeNull();
-		expect(getRetryButton()).toBeNull();
-		expect(getStatusWrapper(container, "success")).toBeTruthy();
-	});
+  /**
+   * @param {Element} container
+   * @param {"error" | "success" | "warning"} status
+   * @returns
+   */
+  const getStatusWrapper = (container, status) =>
+    container.querySelector(`.footer__network-status-icon--${status}`);
+  const initialState = mockedWalletStore.getMockedStoreValue();
+
+  beforeEach(() => {
+    mockedWalletStore.setMockedStoreValue(initialState);
+  });
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("$lib/stores");
+  });
+
+  describe("Layout load", () => {
+    const responseOK = new Response(JSON.stringify(apiMarketData), {
+      status: 200,
+    });
+    const fetchMock = vi.fn().mockResolvedValue(responseOK);
+
+    // @ts-ignore
+    const loadData = () => load({ fetch: fetchMock });
+
+    afterEach(() => {
+      fetchMock.mockClear();
+    });
+
+    it('should return a promise that resolves with the data returned by the "quote" API', async () => {
+      const result = /** @type {Record<string, any>} */ (await loadData());
+
+      expect(fetchMock).toHaveBeenCalledTimes(1);
+      expect(fetchMock).toHaveBeenCalledWith(
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+
+      await expect(result.currentPrice).resolves.toStrictEqual(
+        apiMarketData.market_data.current_price
+      );
+    });
+
+    it("should return a promise that resolves with an empty object if the expected properties in the returned data are missing", async () => {
+      /* eslint-disable camelcase */
+      const wrongResponse1 = new Response(JSON.stringify({ market_data: {} }), {
+        status: 200,
+      });
+      /* eslint-enable camelcase */
+      const wrongResponse2 = new Response(JSON.stringify({}), { status: 200 });
+
+      fetchMock
+        .mockResolvedValueOnce(wrongResponse1)
+        .mockResolvedValueOnce(wrongResponse2);
+
+      const result1 = /** @type {Record<string, any>} */ (await loadData());
+      const result2 = /** @type {Record<string, any>} */ (await loadData());
+
+      expect(fetchMock).toHaveBeenCalledTimes(2);
+      expect(fetchMock).toHaveBeenNthCalledWith(
+        1,
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+      expect(fetchMock).toHaveBeenNthCalledWith(
+        2,
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+      await expect(result1.currentPrice).resolves.toStrictEqual({});
+      await expect(result2.currentPrice).resolves.toStrictEqual({});
+    });
+
+    it('should return a promise that resolves with an empty object if the fetch Response status is not "ok"', async () => {
+      fetchMock.mockResolvedValueOnce(new Response("", { status: 404 }));
+
+      const result = /** @type {Record<string, any>} */ (await loadData());
+
+      expect(fetchMock).toHaveBeenCalledTimes(1);
+      expect(fetchMock).toHaveBeenCalledWith(
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+
+      await expect(result.currentPrice).resolves.toStrictEqual({});
+    });
+
+    it("should return a promise that resolves with an empty object if the fetch fails or the Response contains invalid JSON", async () => {
+      fetchMock
+        .mockRejectedValueOnce(new Error("some error"))
+        .mockResolvedValueOnce(new Response("}", { status: 200 }));
+
+      const result1 = /** @type {Record<string, any>} */ (await loadData());
+      const result2 = /** @type {Record<string, any>} */ (await loadData());
+
+      expect(fetchMock).toHaveBeenCalledTimes(2);
+      expect(fetchMock).toHaveBeenNthCalledWith(
+        1,
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+      expect(fetchMock).toHaveBeenNthCalledWith(
+        2,
+        "https://api.coingecko.com/api/v3/coins/dusk-network?community_data=false&developer_data=false&localization=false&market_data=true&sparkline=false&tickers=false"
+      );
+      await expect(result1.currentPrice).resolves.toStrictEqual({});
+      await expect(result2.currentPrice).resolves.toStrictEqual({});
+    });
+  });
+
+  const usdPrice = 0.5;
+  const expectedFiat =
+    (luxToDusk(get(mockedWalletStore).balance.shielded.value) +
+      luxToDusk(get(mockedWalletStore).balance.unshielded.value)) *
+    usdPrice;
+  const formatter = createCurrencyFormatter("en", "usd", 2);
+  const baseProps = {
+    data: { currentPrice: Promise.resolve({ usd: usdPrice }) },
+  };
+
+  it("should render the dashboard layout", () => {
+    const { container } = render(Layout, baseProps);
+
+    expect(getStatusWrapper(container, "success")).toBeTruthy();
+    expect(container).toMatchSnapshot();
+  });
+
+  it("should render the dashboard layout and show a throbber while balance is loading", async () => {
+    vi.useFakeTimers();
+
+    const { container } = render(Layout, baseProps);
+
+    expect(container.querySelector(".dusk-balance__fiat--visible")).toBeNull();
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await vi.runAllTimersAsync();
+
+    expect(
+      container.querySelector(".dusk-balance__fiat--visible")
+    ).toBeTruthy();
+
+    expect(container.querySelector(".dusk-balance__fiat")).toHaveTextContent(
+      formatter(expectedFiat)
+    );
+
+    vi.useRealTimers();
+  });
+
+  it("should render the dashboard layout in the sync state when no progress is reported", async () => {
+    const { container } = render(Layout, baseProps);
+
+    expect(getStatusWrapper(container, "warning")).toBeNull();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue({
+        ...initialState,
+        syncStatus: {
+          error: null,
+          from: 0n,
+          isInProgress: true,
+          last: 0n,
+          progress: 0,
+        },
+      });
+    });
+
+    expect(getStatusWrapper(container, "warning")).toBeTruthy();
+    expect(container.firstChild).toMatchSnapshot();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue(initialState);
+    });
+
+    expect(getStatusWrapper(container, "warning")).toBeNull();
+  });
+
+  it("should render the dashboard layout in the sync state with a progress indicator", async () => {
+    const { container } = render(Layout, baseProps);
+
+    expect(getStatusWrapper(container, "warning")).toBeNull();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue({
+        ...initialState,
+        syncStatus: {
+          error: null,
+          from: 100n,
+          isInProgress: true,
+          last: 200n,
+          progress: 0.5,
+        },
+      });
+    });
+
+    expect(getStatusWrapper(container, "warning")).toBeTruthy();
+    expect(container).toMatchSnapshot();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue(initialState);
+    });
+
+    expect(getStatusWrapper(container, "warning")).toBeNull();
+  });
+
+  it("should render the dashboard layout in the error state", async () => {
+    const { container } = render(Layout, baseProps);
+    const getRetryButton = () =>
+      container.querySelector(".footer__actions-button--retry");
+
+    expect(getStatusWrapper(container, "error")).toBeNull();
+    expect(getRetryButton()).toBeNull();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue({
+        ...initialState,
+        syncStatus: {
+          error: new Error(),
+          from: 0n,
+          isInProgress: false,
+          last: 0n,
+          progress: 0,
+        },
+      });
+    });
+
+    expect(getStatusWrapper(container, "error")).toBeTruthy();
+    expect(getRetryButton()).toBeTruthy();
+    expect(container).toMatchSnapshot();
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue(initialState);
+    });
+
+    expect(getStatusWrapper(container, "error")).toBeNull();
+    expect(getRetryButton()).toBeNull();
+    expect(getStatusWrapper(container, "success")).toBeTruthy();
+  });
 });
diff --git a/src/routes/(app)/dashboard/__tests__/page.spec.js b/src/routes/(app)/dashboard/__tests__/page.spec.js
index 460c4f40..0e801102 100644
--- a/src/routes/(app)/dashboard/__tests__/page.spec.js
+++ b/src/routes/(app)/dashboard/__tests__/page.spec.js
@@ -1,73 +1,54 @@
-import {
-	afterAll,
-	afterEach,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import { cleanup, render } from "@testing-library/svelte";
-
-import mockedWalletStore from "../../__mocks__/mockedWalletStore";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup } from "@testing-library/svelte";
+import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
 import { stakeInfo, transactions } from "$lib/mock-data";
 
 import Dashboard from "../+page.svelte";
 import { walletStore } from "$lib/stores";
 
-global.ResizeObserver = vi.fn().mockImplementation(() => ({
-	observe: vi.fn(),
-	unobserve: vi.fn(),
-	disconnect: vi.fn()
-}));
-
-vi.mock("$lib/stores", async importOriginal => {
-	/** @type {import("$lib/stores/stores").WalletStore} */
-	const original = await importOriginal();
-
-	return {
-		...original,
-		walletStore: {
-			...mockedWalletStore,
-			getTransactionsHistory: () => Promise.resolve(transactions),
-			getStakeInfo: () => Promise.resolve(stakeInfo)
-		}
-	};
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {WalletStore} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    walletStore: {
+      ...mockedWalletStore,
+      getStakeInfo: () => Promise.resolve(stakeInfo),
+      getTransactionsHistory: () => Promise.resolve(transactions),
+    },
+  };
 });
 
 vi.useFakeTimers();
 
 describe("Dashboard", () => {
-	afterEach(cleanup);
-
-	afterAll(() => {
-		vi.doUnmock("$lib/stores");
-	});
-
-	const currentPrice = { usd: 0.5 };
-
-	it("should render the dashboard page and show a throbber while transactions are loading", () => {
-		const { container } = render(Dashboard, { data: { currentPrice } });
+  afterEach(cleanup);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+  afterAll(() => {
+    vi.doUnmock("$lib/stores");
+  });
 
-	it("should render the dashboard page with the transactions after they are loaded", async () => {
-		const { container } = render(Dashboard, { data: { currentPrice } });
+  it("should render the dashboard page with the transactions after they are loaded", async () => {
+    const { container } = renderWithSimpleContent(Dashboard, {});
 
-		await vi.advanceTimersToNextTimerAsync();
+    await vi.advanceTimersToNextTimerAsync();
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container).toMatchSnapshot();
+  });
 
-	it("should render a card when there is an error getting transactions", async () => {
-		const someError = new Error("some error message");
-		const walletSpy = vi.spyOn(walletStore, "getTransactionsHistory").mockRejectedValue(someError);
-		const { container } = render(Dashboard, { data: { currentPrice } });
+  it("should render a card when there is an error getting transactions", async () => {
+    const someError = new Error("some error message");
+    const walletSpy = vi
+      .spyOn(walletStore, "getTransactionsHistory")
+      .mockRejectedValue(someError);
+    const { container } = renderWithSimpleContent(Dashboard, {});
 
-		await vi.advanceTimersToNextTimerAsync();
+    await vi.advanceTimersToNextTimerAsync();
 
-		expect(container.firstChild).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
 
-		walletSpy.mockRestore();
-	});
+    walletSpy.mockRestore();
+  });
 });
diff --git a/src/routes/(app)/dashboard/allocate/+page.svelte b/src/routes/(app)/dashboard/allocate/+page.svelte
new file mode 100644
index 00000000..33bd82d4
--- /dev/null
+++ b/src/routes/(app)/dashboard/allocate/+page.svelte
@@ -0,0 +1,21 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { mdiSync } from "@mdi/js";
+  import { AllocateContract } from "$lib/containers";
+  import { updateOperation } from "$lib/contracts";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+</script>
+
+{#if import.meta.env.VITE_FEATURE_ALLOCATE || false}
+  <IconHeadingCard heading="Allocate" icons={[mdiSync]}>
+    <AllocateContract
+      on:operationChange={({ detail }) => updateOperation(detail)}
+    />
+  </IconHeadingCard>
+{/if}
diff --git a/src/routes/(app)/dashboard/allocate/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/allocate/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..2c1db17d
--- /dev/null
+++ b/src/routes/(app)/dashboard/allocate/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,327 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Allocate > should render the allocation page 1`] = `
+<div
+  class="dusk-card dusk-card--gap-default"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          Allocate
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <div
+      class="operation svelte-eoztn2"
+    >
+      <div
+        class="dusk-wizard"
+      >
+         
+         
+         
+        <div
+          class="operation__allocate svelte-eoztn2"
+        >
+          <p>
+            Edit the value to change the allocation of your Dusk between your
+          public and shielded accounts.
+          </p>
+           
+          <fieldset
+            class="operation__fieldset svelte-eoztn2"
+          >
+            <p
+              class="operation__label svelte-eoztn2"
+            >
+              Public
+            </p>
+             
+            <div
+              class="operation__address-wrapper svelte-eoztn2"
+            >
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+                />
+              </svg>
+              
+               
+              
+            </div>
+             
+            <div
+              class="operation__input-wrapper svelte-eoztn2"
+            >
+              <input
+                class="dusk-textbox dusk-textbox-number operation__input-field"
+                id="unshielded-amount"
+                max="0"
+                min="0"
+                name="unshielded-amount"
+                required=""
+                step="0.000000001"
+                type="number"
+              />
+              
+               
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </div>
+             
+            <hr
+              class="glyph svelte-eoztn2"
+            />
+             
+            <p
+              class="operation__label svelte-eoztn2"
+            >
+              Shielded
+            </p>
+             
+            <div
+              class="operation__address-wrapper svelte-eoztn2"
+            >
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+                />
+              </svg>
+              
+               
+              
+            </div>
+             
+            <div
+              class="operation__input-wrapper svelte-eoztn2"
+            >
+              <input
+                class="dusk-textbox dusk-textbox-number operation__input-field"
+                max="0"
+                min="0"
+                name="shielded-amount"
+                required=""
+                step="0.000000001"
+                type="number"
+              />
+              
+               
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                data-tooltip-id="main-tooltip"
+                data-tooltip-text="DUSK"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                />
+              </svg>
+              
+            </div>
+          </fieldset>
+           
+          <div
+            class="gas-settings svelte-1daay07"
+          >
+            <dl
+              class="gas-settings__edit svelte-1daay07"
+            >
+              <div
+                class="gas-fee svelte-1c6b481"
+              >
+                <span>
+                  Fee:
+                </span>
+                 
+                <div
+                  class="gas-fee__amount svelte-1c6b481"
+                >
+                  <div
+                    class="gas-fee__amount-value svelte-1c6b481"
+                  >
+                    <span
+                      class="svelte-1c6b481"
+                    >
+                      max
+                    </span>
+                     
+                    <span
+                      class="svelte-1c6b481"
+                    >
+                      0.100000000
+                    </span>
+                  </div>
+                   
+                  <svg
+                    class="dusk-icon dusk-icon--size--default dusk-amount__icon"
+                    data-tooltip-id="main-tooltip"
+                    data-tooltip-text="DUSK"
+                    role="graphics-symbol"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                    />
+                  </svg>
+                  
+                </div>
+              </div>
+              <dd>
+                <button
+                  class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--small"
+                  type="button"
+                >
+                  <span
+                    class="dusk-button__text"
+                  >
+                    EDIT
+                  </span>
+                </button>
+              </dd>
+            </dl>
+             
+          </div>
+           
+          <div
+            class="banner banner--error"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--large banner__icon banner__icon--error"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12M11,15H13V17H11V15M11,7H13V13H11V7"
+              />
+            </svg>
+            
+             
+            <div>
+              <strong
+                class="banner__title"
+              >
+                Insufficient Funds
+              </strong>
+               
+              <p>
+                Your balance is too low to cover the allocation fees. Please
+              adjust your transaction or add more funds to proceed.
+              </p>
+            </div>
+          </div>
+        </div>
+         
+        <div
+          class="dusk-wizard__step-navigation"
+        >
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+            href="/some-base-path/dashboard"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Back
+            </span>
+            
+            
+          </a>
+          
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Next
+            </span>
+             
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+              />
+            </svg>
+            
+          </button>
+        </div>
+        
+        
+         
+        
+         
+        
+      </div>
+    </div>
+  </div>
+   
+</div>
+`;
diff --git a/src/routes/(app)/dashboard/allocate/__tests__/page.spec.js b/src/routes/(app)/dashboard/allocate/__tests__/page.spec.js
new file mode 100644
index 00000000..b78431b6
--- /dev/null
+++ b/src/routes/(app)/dashboard/allocate/__tests__/page.spec.js
@@ -0,0 +1,44 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { get } from "svelte/store";
+import { cleanup, render } from "@testing-library/svelte";
+import { operationsStore } from "$lib/stores";
+import Allocation from "../+page.svelte";
+
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {typeof import("$lib/stores")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    operationsStore: {
+      ...original.operationsStore,
+    },
+  };
+});
+
+vi.useFakeTimers();
+
+describe("Allocate", () => {
+  afterEach(cleanup);
+  afterAll(() => {
+    vi.doUnmock("$lib/stores");
+  });
+
+  it("should render the allocation page", async () => {
+    const { container } = render(Allocation);
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should set the current operation to an empty string when destroyed", async () => {
+    const { component } = render(Allocation);
+
+    component.$destroy();
+
+    expect(get(operationsStore)).toStrictEqual({
+      currentOperation: "",
+    });
+  });
+});
diff --git a/src/routes/(app)/dashboard/bridge/+layout.js b/src/routes/(app)/dashboard/bridge/+layout.js
new file mode 100644
index 00000000..b7e7ea66
--- /dev/null
+++ b/src/routes/(app)/dashboard/bridge/+layout.js
@@ -0,0 +1,9 @@
+import { fetchPendingWithdrawals } from "$lib/bridge/pendingWithdrawals";
+
+/** @type {import('./$types').LayoutLoad} */
+export async function load({ fetch }) {
+  return {
+    /** @type {Promise<PendingWithdrawalEntry[]>} */
+    pendingWithdrawals: fetchPendingWithdrawals(fetch),
+  };
+}
diff --git a/src/routes/(app)/dashboard/bridge/+page.svelte b/src/routes/(app)/dashboard/bridge/+page.svelte
new file mode 100644
index 00000000..8dc95694
--- /dev/null
+++ b/src/routes/(app)/dashboard/bridge/+page.svelte
@@ -0,0 +1,27 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+
+  import { updateOperation } from "$lib/contracts";
+  import { BridgeContract } from "$lib/containers";
+  import { networkStore } from "$lib/stores";
+
+  /** @type {import('./$types').PageData} */
+  export let data;
+
+  const { networkName } = $networkStore;
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+</script>
+
+{#if import.meta.env.VITE_FEATURE_BRIDGE || false}
+  {#if ["mainnet", "testnet", "devnet", "localnet"].includes(networkName)}
+    <BridgeContract
+      pendingWithdrawals={data.pendingWithdrawals}
+      on:operationChange={({ detail }) => updateOperation(detail)}
+    />
+  {/if}
+{/if}
diff --git a/src/routes/(app)/dashboard/bridge/transactions/+page.svelte b/src/routes/(app)/dashboard/bridge/transactions/+page.svelte
new file mode 100644
index 00000000..356b80cd
--- /dev/null
+++ b/src/routes/(app)/dashboard/bridge/transactions/+page.svelte
@@ -0,0 +1,27 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { EvmTransactions } from "$lib/components";
+  import { settingsStore } from "$lib/stores";
+
+  /** @type {import('./$types').PageData} */
+  export let data;
+
+  const { language } = $settingsStore;
+</script>
+
+<div class="transactions">
+  <h2 class="sr-only">Transactions</h2>
+  <EvmTransactions items={data.pendingWithdrawals} {language} />
+</div>
+
+<style lang="postcss">
+  .transactions {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1.375rem;
+    overflow-y: auto;
+    flex: 1;
+  }
+</style>
diff --git a/src/routes/(app)/dashboard/bridge/transactions/complete/+page.svelte b/src/routes/(app)/dashboard/bridge/transactions/complete/+page.svelte
new file mode 100644
index 00000000..c40de14f
--- /dev/null
+++ b/src/routes/(app)/dashboard/bridge/transactions/complete/+page.svelte
@@ -0,0 +1,75 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiHistory } from "@mdi/js";
+
+  import { page } from "$app/stores";
+
+  import { AnchorButton, ErrorDetails, Icon } from "$lib/dusk/components";
+  import { AppAnchor } from "$lib/components";
+  import { MESSAGES } from "$lib/constants";
+
+  // @ts-ignore
+  const hash = $page.state?.hash ?? null;
+</script>
+
+<div class="transaction-complete">
+  <article class="bridge">
+    <header class="bridge__header">
+      <h3 class="h4">Bridge</h3>
+      <div class="bridge__header-icons">
+        <AppAnchor href="/dashboard/bridge/transactions">
+          <Icon path={mdiHistory} />
+        </AppAnchor>
+      </div>
+    </header>
+    <div>
+      {#if hash}
+        <p>{MESSAGES.TRANSACTION_CREATED}</p>
+        <br />
+        <AnchorButton
+          href={`/explorer/transactions/transaction?id=${hash}`}
+          text="VIEW ON BLOCK EXPLORER"
+          rel="noopener noreferrer"
+          target="_blank"
+        />
+      {:else}
+        <ErrorDetails
+          summary="It has not been possible to finalize your withdrawal. Check your connected web 3 wallet for more details"
+          error={new Error("Withdraw finalization failed.")}
+        />
+      {/if}
+    </div>
+  </article>
+</div>
+
+<style lang="postcss">
+  .transaction-complete {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1.375rem;
+    overflow-y: auto;
+    flex: 1;
+  }
+
+  .bridge {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding: 1.25em;
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__header-icons {
+      display: flex;
+      align-items: center;
+      gap: 0.675em;
+    }
+  }
+</style>
diff --git a/src/routes/(app)/dashboard/migrate/+page.svelte b/src/routes/(app)/dashboard/migrate/+page.svelte
new file mode 100644
index 00000000..a4e535c8
--- /dev/null
+++ b/src/routes/(app)/dashboard/migrate/+page.svelte
@@ -0,0 +1,25 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { MigrateContract } from "$lib/containers";
+  import { networkStore, operationsStore } from "$lib/stores";
+
+  /** @param {string} id */
+  function updateOperation(id) {
+    operationsStore.update((store) => ({
+      ...store,
+      currentOperation: id,
+    }));
+  }
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+
+  const { networkName } = $networkStore;
+</script>
+
+{#if ["mainnet", "testnet"].includes(networkName)}
+  <MigrateContract migrationNetwork={networkName} />
+{/if}
diff --git a/src/routes/(app)/dashboard/receive/+page.svelte b/src/routes/(app)/dashboard/receive/+page.svelte
new file mode 100644
index 00000000..ad73c39d
--- /dev/null
+++ b/src/routes/(app)/dashboard/receive/+page.svelte
@@ -0,0 +1,37 @@
+<svelte:options immutable={true} />
+
+<script>
+  import {
+    mdiArrowBottomLeftThin,
+    mdiShieldLock,
+    mdiShieldLockOpenOutline,
+  } from "@mdi/js";
+
+  import { walletStore } from "$lib/stores";
+  import { Receive } from "$lib/components";
+  import { ExclusiveChoice } from "$lib/dusk/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+
+  let addressToShow = "public";
+
+  const options = [
+    { disabled: false, label: "Public", value: "public" },
+    { disabled: false, label: "Shielded", value: "shielded" },
+  ];
+
+  /** @type {"account" | "address"} */
+  $: addressProp = addressToShow === "public" ? "account" : "address";
+  $: ({ currentProfile } = $walletStore);
+  $: currentAddress = currentProfile
+    ? currentProfile[addressProp].toString()
+    : "";
+  $: icons = [
+    mdiArrowBottomLeftThin,
+    addressToShow === "public" ? mdiShieldLockOpenOutline : mdiShieldLock,
+  ];
+</script>
+
+<IconHeadingCard gap="medium" heading="Receive" {icons}>
+  <ExclusiveChoice {options} bind:value={addressToShow} />
+  <Receive address={currentAddress} />
+</IconHeadingCard>
diff --git a/src/routes/(app)/dashboard/receive/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/receive/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..2ec3f1a3
--- /dev/null
+++ b/src/routes/(app)/dashboard/receive/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,337 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Receive > should render the receive page with a choice to switch from public to shielded address 1`] = `
+<div
+  class="dusk-card dusk-card--gap-medium"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          Receive
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.07 19L9.24 16.18L19 6.42L17.58 5L7.82 14.76L5 11.94V19Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <div
+      class="dusk-exclusive-choice"
+      role="radiogroup"
+    >
+      <input
+        class="dusk-exclusive-choice__radio"
+        id="some-generated-id-public"
+        name="some-generated-id"
+        type="radio"
+        value="public"
+      />
+       
+      <label
+        class="dusk-exclusive-choice__label"
+        for="some-generated-id-public"
+      >
+        Public
+      </label>
+      <input
+        class="dusk-exclusive-choice__radio"
+        id="some-generated-id-shielded"
+        name="some-generated-id"
+        type="radio"
+        value="shielded"
+      />
+       
+      <label
+        class="dusk-exclusive-choice__label"
+        for="some-generated-id-shielded"
+      >
+        Shielded
+      </label>
+    </div>
+     
+    <div
+      class="receive svelte-14g7par"
+    >
+      <figure
+        class="receive__address-qr-figure svelte-14g7par"
+      >
+        <img
+          alt="Key QR code"
+          class="dusk-qr-code receive__qr"
+          height="0"
+          src="data:image/png;base64,00"
+          width="0"
+        />
+        
+         
+        <figcaption
+          class="receive__address svelte-14g7par"
+        >
+          <samp>
+            bEjRbupbXK9SFT43T4H46nvD2hC7hhsQM1BGKqM5sHxzBzATF4swNEbjJympWpiWufQ5qw9xPErsxnQcHicp8XKoYiYbGv1DFTK5zJV4yQ1VzMM8H3uXvqbZKiBwmzGeJ8J
+          </samp>
+        </figcaption>
+      </figure>
+       
+      <div
+        class="receive__buttons svelte-14g7par"
+      >
+        <a
+          aria-disabled="false"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled receive__button"
+          href="/some-base-path/dashboard"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-anchor-button__text"
+          >
+            Back
+          </span>
+          
+          
+        </a>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled receive__button"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-button__text"
+          >
+            Copy
+          </span>
+          
+        </button>
+      </div>
+    </div>
+  </div>
+   
+</div>
+`;
+
+exports[`Receive > should show the shielded address when the user makes such choice 1`] = `
+<div
+  class="dusk-card dusk-card--gap-medium"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          Receive
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.07 19L9.24 16.18L19 6.42L17.58 5L7.82 14.76L5 11.94V19Z"
+            />
+          </svg>
+          
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <div
+      class="dusk-exclusive-choice"
+      role="radiogroup"
+    >
+      <input
+        class="dusk-exclusive-choice__radio"
+        id="some-generated-id-public"
+        name="some-generated-id"
+        type="radio"
+        value="public"
+      />
+       
+      <label
+        class="dusk-exclusive-choice__label"
+        for="some-generated-id-public"
+      >
+        Public
+      </label>
+      <input
+        class="dusk-exclusive-choice__radio"
+        id="some-generated-id-shielded"
+        name="some-generated-id"
+        type="radio"
+        value="shielded"
+      />
+       
+      <label
+        class="dusk-exclusive-choice__label"
+        for="some-generated-id-shielded"
+      >
+        Shielded
+      </label>
+    </div>
+     
+    <div
+      class="receive svelte-14g7par"
+    >
+      <figure
+        class="receive__address-qr-figure svelte-14g7par"
+      >
+        <img
+          alt="Key QR code"
+          class="dusk-qr-code receive__qr"
+          height="0"
+          src="data:image/png;base64,00"
+          width="0"
+        />
+        
+         
+        <figcaption
+          class="receive__address svelte-14g7par"
+        >
+          <samp>
+            2zFZwXf4JEvD2Vmd4kqx5tHDv73LkRr2Ydb84Knr2gmFJJoEEpZPtTbuQCrojM85QDHAvosxoZdnpLPSNRqzqmai
+          </samp>
+        </figcaption>
+      </figure>
+       
+      <div
+        class="receive__buttons svelte-14g7par"
+      >
+        <a
+          aria-disabled="false"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled receive__button"
+          href="/some-base-path/dashboard"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-anchor-button__text"
+          >
+            Back
+          </span>
+          
+          
+        </a>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled receive__button"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-button__text"
+          >
+            Copy
+          </span>
+          
+        </button>
+      </div>
+    </div>
+  </div>
+   
+</div>
+`;
diff --git a/src/routes/(app)/dashboard/receive/__tests__/page.spec.js b/src/routes/(app)/dashboard/receive/__tests__/page.spec.js
new file mode 100644
index 00000000..e160d86f
--- /dev/null
+++ b/src/routes/(app)/dashboard/receive/__tests__/page.spec.js
@@ -0,0 +1,76 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
+
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
+
+import { walletStore } from "$lib/stores";
+
+import Receive from "../+page.svelte";
+
+vi.useFakeTimers();
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {WalletStore} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    walletStore: {
+      ...mockedWalletStore,
+    },
+  };
+});
+
+describe("Receive", () => {
+  const currentProfile = /** @type {Profile} */ (
+    get(walletStore).currentProfile
+  );
+  const expectedAddress = currentProfile.address.toString();
+  const expectedAccount = currentProfile.account.toString();
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("$lib/dusk/string");
+    vi.doUnmock("$lib/stores");
+    vi.useRealTimers();
+  });
+
+  it("should render the receive page with a choice to switch from public to shielded address", async () => {
+    const { container, getByRole, getByText } = render(Receive);
+
+    await vi.runAllTimersAsync();
+
+    expect(getByRole("radiogroup")).toBeInTheDocument();
+    expect(getByText(expectedAccount)).toBeInTheDocument();
+    expect(() => getByText(expectedAddress)).toThrow();
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should show the shielded address when the user makes such choice", async () => {
+    const { container, getByRole, getByText } = render(Receive);
+
+    await vi.runAllTimersAsync();
+
+    expect(getByText(expectedAccount)).toBeInTheDocument();
+    expect(() => getByText(expectedAddress)).toThrow();
+
+    await fireEvent.click(getByRole("radio", { checked: false }));
+    await vi.runAllTimersAsync();
+
+    expect(() => getByText(expectedAccount)).toThrow();
+    expect(getByText(expectedAddress)).toBeInTheDocument();
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/routes/(app)/dashboard/send/+page.svelte b/src/routes/(app)/dashboard/send/+page.svelte
new file mode 100644
index 00000000..5f56416f
--- /dev/null
+++ b/src/routes/(app)/dashboard/send/+page.svelte
@@ -0,0 +1,71 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { collect, getKey, pick } from "lamb";
+  import { mdiArrowTopRight } from "@mdi/js";
+  import { ContractStatusesList, Send } from "$lib/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { executeSend } from "$lib/contracts";
+  import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
+  import { gasStore, settingsStore, walletStore } from "$lib/stores";
+
+  /** @type {(source: "shielded" | "unshielded", balanceInfo: WalletStoreBalance) => [bigint, ContractStatus[]]}*/
+  function getContractInfo(source, balanceInfo) {
+    const spendable =
+      source === "shielded"
+        ? balanceInfo.shielded.spendable
+        : balanceInfo.unshielded.value;
+    const statuses = [
+      {
+        label: "Spendable",
+        value: duskFormatter(luxToDusk(spendable)),
+      },
+    ];
+
+    return [spendable, statuses];
+  }
+
+  const collectSettings = collect([
+    pick(["gasLimit", "gasPrice"]),
+    getKey("language"),
+  ]);
+  const gasLimits = $gasStore;
+
+  /** @type {"shielded" | "unshielded"} */
+  let spendableSource = "unshielded";
+
+  /**
+   * @param {CustomEvent<{ type: "account" | "address" | undefined}>} event
+   */
+  function keyChangeHandler(event) {
+    if (event.detail.type === "account") {
+      spendableSource = "unshielded";
+    } else {
+      spendableSource = "shielded";
+    }
+  }
+
+  const BEP20_BRIDGE_ADDRESS = import.meta.env.VITE_BEP20_BRIDGE_ADDRESS;
+
+  $: [gasSettings, language] = collectSettings($settingsStore);
+  $: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
+  $: ({ balance, currentProfile } = $walletStore);
+  $: [spendable, statuses] = getContractInfo(spendableSource, balance);
+  $: shieldedAddress = currentProfile ? currentProfile.address.toString() : "";
+  $: publicAddress = currentProfile ? currentProfile.account.toString() : "";
+</script>
+
+<IconHeadingCard gap="large" heading="Send" icons={[mdiArrowTopRight]} reverse>
+  <ContractStatusesList {statuses} />
+  <Send
+    {shieldedAddress}
+    {publicAddress}
+    execute={executeSend}
+    formatter={duskFormatter}
+    {gasLimits}
+    {gasSettings}
+    availableBalance={spendable}
+    bep20BridgeAddress={BEP20_BRIDGE_ADDRESS}
+    on:keyChange={keyChangeHandler}
+  />
+</IconHeadingCard>
diff --git a/src/routes/(app)/dashboard/send/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/send/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..922796ac
--- /dev/null
+++ b/src/routes/(app)/dashboard/send/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,286 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Send page > should render the send page 1`] = `
+<div
+  class="dusk-card dusk-card--gap-large"
+  reverse="true"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          Send
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <div
+      class="contract-statuses svelte-1up3579"
+    >
+      <dl
+        class="contract-statuses__list svelte-1up3579"
+      >
+        <dt
+          class="contract-statuses__label svelte-1up3579"
+        >
+          Spendable
+           
+        </dt>
+        <dd
+          class="contract-statuses__value svelte-1up3579"
+        >
+          <span>
+            1,172.500000000
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+           
+        </dd>
+      </dl>
+       
+    </div>
+     
+    <div
+      class="operation svelte-adnu6a"
+    >
+      <div
+        class="dusk-wizard"
+      >
+        <div
+          slot="stepper"
+        >
+          <div
+            class="dusk-stepper dusk-stepper--variant--primary"
+            style="--columns: 4; --progress-width: 0%;"
+          >
+            <span
+              aria-current="step"
+              aria-labelledby="step-some-generated-id"
+              class="dusk-stepper__step dusk-stepper__step--processed"
+            >
+              1
+            </span>
+             
+            <span
+              class="dusk-stepper__step-label"
+              id="step-some-generated-id"
+            >
+              Address
+               
+            </span>
+            <span
+              aria-labelledby="step-some-generated-id"
+              class="dusk-stepper__step"
+            >
+              2
+            </span>
+             
+            <span
+              class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+              id="step-some-generated-id"
+            >
+              Amount
+               
+            </span>
+            <span
+              aria-labelledby="step-some-generated-id"
+              class="dusk-stepper__step"
+            >
+              3
+            </span>
+             
+            <span
+              class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+              id="step-some-generated-id"
+            >
+              Overview
+               
+            </span>
+            <span
+              aria-labelledby="step-some-generated-id"
+              class="dusk-stepper__step"
+            >
+              4
+            </span>
+             
+            <span
+              class="dusk-stepper__step-label dusk-stepper__step-label--invisible"
+              id="step-some-generated-id"
+            >
+              Done
+               
+            </span>
+            
+          </div>
+          
+        </div>
+         
+         
+         
+        <div
+          class="operation__send svelte-adnu6a"
+        >
+          <div
+            class="operation__address-wrapper svelte-adnu6a"
+          >
+            <p>
+              Address
+            </p>
+             
+            <button
+              class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+              disabled=""
+              type="button"
+            >
+              <span
+                class="dusk-button__text"
+              >
+                SCAN QR
+              </span>
+            </button>
+          </div>
+           
+          <textarea
+            class="dusk-textbox dusk-textbox-multiline operation__send-address"
+            required=""
+          />
+          
+           
+           
+           
+          <div
+            class="scan svelte-1uf7z44"
+          >
+            <video
+              class="svelte-1uf7z44"
+            >
+              <track
+                kind="captions"
+              />
+            </video>
+             
+            <div
+              class="scan__highlight svelte-1uf7z44"
+            />
+             
+            <button
+              class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--small"
+              type="button"
+            >
+              <span
+                class="dusk-button__text"
+              >
+                CLOSE
+              </span>
+            </button>
+          </div>
+           
+           
+        </div>
+         
+        <div
+          class="dusk-wizard__step-navigation"
+        >
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+            href="/some-base-path/dashboard"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Back
+            </span>
+            
+            
+          </a>
+          
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Next
+            </span>
+             
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+              />
+            </svg>
+            
+          </button>
+        </div>
+        
+        
+         
+        
+         
+        
+         
+        
+      </div>
+    </div>
+  </div>
+   
+</div>
+`;
diff --git a/src/routes/(app)/dashboard/send/__tests__/page.spec.js b/src/routes/(app)/dashboard/send/__tests__/page.spec.js
new file mode 100644
index 00000000..c892394b
--- /dev/null
+++ b/src/routes/(app)/dashboard/send/__tests__/page.spec.js
@@ -0,0 +1,72 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
+import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
+
+import SendPage from "../+page.svelte";
+
+vi.mock("$lib/dusk/string", async (importOriginal) => {
+  /** @type {typeof import("$lib/dusk/string")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    randomUUID: () => "some-generated-id",
+  };
+});
+
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {typeof import("$lib/stores")} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    walletStore: { ...original.walletStore, ...mockedWalletStore },
+  };
+});
+
+const formatter = createCurrencyFormatter("en", "DUSK", 9);
+const { balance, currentProfile } = mockedWalletStore.getMockedStoreValue();
+const formattedShielded = formatter(luxToDusk(balance.shielded.spendable));
+const formattedUnshielded = formatter(luxToDusk(balance.unshielded.value));
+
+describe("Send page", () => {
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("$lib/dusk/string");
+    vi.doUnmock("$lib/stores");
+  });
+
+  it("should render the send page", async () => {
+    const { container } = render(SendPage);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should update the spendable amount passed to its child components when a `keyChange` event is fired", async () => {
+    const { container, getByRole } = render(SendPage);
+    const addressTextbox = getByRole("textbox");
+
+    expect(
+      container.querySelector(".contract-statuses__value")
+    ).toHaveTextContent(formattedUnshielded);
+
+    await fireEvent.input(addressTextbox, {
+      target: { value: currentProfile.address.toString() },
+    });
+
+    expect(
+      container.querySelector(".contract-statuses__value")
+    ).toHaveTextContent(formattedShielded);
+
+    await fireEvent.input(addressTextbox, {
+      target: { value: currentProfile.account.toString() },
+    });
+
+    expect(
+      container.querySelector(".contract-statuses__value")
+    ).toHaveTextContent(formattedUnshielded);
+  });
+});
diff --git a/src/routes/(app)/dashboard/stake/+page.svelte b/src/routes/(app)/dashboard/stake/+page.svelte
new file mode 100644
index 00000000..68180db2
--- /dev/null
+++ b/src/routes/(app)/dashboard/stake/+page.svelte
@@ -0,0 +1,107 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { mdiDatabaseOutline } from "@mdi/js";
+  import { StakeContract } from "$lib/containers";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { contractDescriptors, updateOperation } from "$lib/contracts";
+  import { networkStore, settingsStore, walletStore } from "$lib/stores";
+  import { createCurrencyFormatter, luxToDusk } from "$lib/dusk/currency";
+  import { collect, getKey, pick } from "lamb";
+  import { ContractStatusesList, StakeMaturityInfo } from "$lib/components";
+  import { createNumberFormatter } from "$lib/dusk/number";
+
+  /** @type {bigint} */
+  let currentBlockHeight;
+
+  /**
+   * @param {keyof SettingsStoreContent} property
+   * @param {any} value
+   */
+  function updateSetting(property, value) {
+    settingsStore.update((store) => ({
+      ...store,
+      [property]: value,
+    }));
+  }
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+
+  const collectSettings = collect([
+    pick([
+      "gasLimit",
+      "gasLimitLower",
+      "gasLimitUpper",
+      "gasPrice",
+      "gasPriceLower",
+    ]),
+    getKey("language"),
+  ]);
+
+  networkStore.getCurrentBlockHeight().then((blockHeight) => {
+    currentBlockHeight = blockHeight;
+  });
+
+  $: numberFormatter = createNumberFormatter(language);
+  $: duskFormatter = createCurrencyFormatter(language, "DUSK", 9);
+
+  $: ({ balance, stakeInfo } = $walletStore);
+  $: [gasSettings, language] = collectSettings($settingsStore);
+
+  /** @returns {ContractStatus[]} */
+  $: statuses = [
+    {
+      label: "Spendable",
+      value: duskFormatter(luxToDusk(balance.unshielded.value)),
+    },
+    {
+      label: "Active Stake",
+      value: stakeInfo.amount
+        ? duskFormatter(luxToDusk(stakeInfo.amount.value))
+        : null,
+    },
+    {
+      label: "Penalized Stake",
+      value: stakeInfo.amount
+        ? duskFormatter(luxToDusk(stakeInfo.amount.locked))
+        : null,
+    },
+    {
+      label: "Rewards",
+      value: duskFormatter(luxToDusk(stakeInfo.reward)),
+    },
+  ];
+
+  $: shouldShowStakeEligibility = stakeInfo.amount && currentBlockHeight;
+</script>
+
+{#if import.meta.env.VITE_FEATURE_STAKE || false}
+  <IconHeadingCard
+    gap="large"
+    heading="Stake"
+    icons={[mdiDatabaseOutline]}
+    reverse
+  >
+    <ContractStatusesList {statuses}>
+      {#if shouldShowStakeEligibility}
+        <StakeMaturityInfo
+          isParticipatingInConsensus={stakeInfo?.amount?.eligibility !==
+            undefined && currentBlockHeight > stakeInfo.amount.eligibility}
+          eligibility={stakeInfo?.amount?.eligibility ?? 0n}
+          formatter={numberFormatter}
+        />
+      {/if}
+    </ContractStatusesList>
+    <StakeContract
+      {gasSettings}
+      {stakeInfo}
+      formatter={duskFormatter}
+      descriptor={contractDescriptors[2]}
+      on:operationChange={({ detail }) => updateOperation(detail)}
+      on:suppressStakingNotice={() => updateSetting("hideStakingNotice", true)}
+    />
+  </IconHeadingCard>
+{/if}
diff --git a/src/routes/(app)/dashboard/stake/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/stake/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..60521696
--- /dev/null
+++ b/src/routes/(app)/dashboard/stake/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,229 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Staking > should render the staking page 1`] = `
+<div
+  class="dusk-card dusk-card--gap-large"
+  reverse="true"
+>
+  <div
+    class="dusk-card__header-container"
+  >
+    <header
+      class="dusk-card__header"
+      slot="header"
+    >
+      <div
+        class="dusk-card__heading-container"
+      >
+        <h3
+          class="h4"
+        >
+          Stake
+        </h3>
+         
+        <div
+          class="dusk-card__heading-icons"
+        >
+          
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
+            />
+          </svg>
+          
+        </div>
+      </div>
+    </header>
+  </div>
+   
+  <div
+    class="dusk-card__body-container"
+  >
+    <div
+      class="contract-statuses svelte-1up3579"
+    >
+      <dl
+        class="contract-statuses__list svelte-1up3579"
+      >
+        <dt
+          class="contract-statuses__label svelte-1up3579"
+        >
+          Spendable
+           
+        </dt>
+        <dd
+          class="contract-statuses__value svelte-1up3579"
+        >
+          <span>
+            0.000000000
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+           
+        </dd>
+        <dt
+          class="contract-statuses__label svelte-1up3579"
+        >
+          Rewards
+           
+        </dt>
+        <dd
+          class="contract-statuses__value svelte-1up3579"
+        >
+          <span>
+            0.000000000
+          </span>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+           
+        </dd>
+      </dl>
+       
+      
+    </div>
+     
+    <menu
+      class="contract-operations svelte-1iyylnh"
+    >
+      <li
+        class="contract-operations__operation svelte-1iyylnh"
+      >
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-button__text"
+          >
+            stake
+          </span>
+          
+        </button>
+      </li>
+      <li
+        class="contract-operations__operation svelte-1iyylnh"
+      >
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+          disabled=""
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22 20L19 23L16 20H18V16H20V20H22Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-button__text"
+          >
+            unstake
+          </span>
+          
+        </button>
+      </li>
+      <li
+        class="contract-operations__operation svelte-1iyylnh"
+      >
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+          disabled=""
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M22 10.87L19.26 9.28C19.5 9.07 19.73 8.8 19.9 8.5C20.73 7.07 20.24 5.23 18.8 4.4C17.94 3.9 16.93 3.9 16.08 4.26L16.09 4.25L15.21 4.64L15.1 3.68L15.09 3.69C15 2.78 14.47 1.9 13.61 1.4C12.17 .575 10.34 1.07 9.5 2.5C9.33 2.8 9.22 3.13 9.16 3.45L6.41 1.87C5.45 1.32 4.23 1.64 3.68 2.6L2.18 5.2C1.9 5.68 2.07 6.29 2.55 6.56L4.28 7.56L8.5 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V14.87L22.73 13.6C23.28 12.64 22.96 11.42 22 10.87M16.44 6.5C16.71 6 17.33 5.86 17.8 6.13C18.28 6.41 18.45 7 18.17 7.5C17.89 8 17.28 8.14 16.8 7.87C16.33 7.59 16.16 7 16.44 6.5M14.07 8.6L21 12.6L20 14.33L13.07 10.33L14.07 8.6M11 20H4V12H11V20M11.34 9.33L4.41 5.33L5.41 3.6L12.34 7.6L11.34 9.33M11.61 4.87C11.13 4.59 10.97 4 11.24 3.5C11.5 3 12.13 2.86 12.61 3.13C13.09 3.41 13.25 4 12.97 4.5C12.7 5 12.09 5.14 11.61 4.87M13 20V12.6L20 16.64V20H13Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-button__text"
+          >
+            claim rewards
+          </span>
+          
+        </button>
+      </li>
+       
+      <li
+        class="contract-operations__operation svelte-1iyylnh"
+      >
+        <a
+          aria-disabled="false"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+          href="/some-base-path/dashboard"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+            />
+          </svg>
+          
+           
+          <span
+            class="dusk-anchor-button__text"
+          >
+            Back
+          </span>
+          
+          
+        </a>
+      </li>
+    </menu>
+    
+    
+  </div>
+   
+</div>
+`;
diff --git a/src/routes/(app)/dashboard/stake/__tests__/page.spec.js b/src/routes/(app)/dashboard/stake/__tests__/page.spec.js
new file mode 100644
index 00000000..1d09dd3b
--- /dev/null
+++ b/src/routes/(app)/dashboard/stake/__tests__/page.spec.js
@@ -0,0 +1,17 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import Staking from "../+page.svelte";
+
+vi.useFakeTimers();
+
+describe("Staking", () => {
+  afterEach(cleanup);
+
+  it("should render the staking page", async () => {
+    const { container } = render(Staking);
+
+    await vi.advanceTimersToNextTimerAsync(); // Wait until the stakeInfo promise has resolved
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/routes/(app)/dashboard/transactions/+page.svelte b/src/routes/(app)/dashboard/transactions/+page.svelte
index c3862b8c..5ff4cd84 100644
--- a/src/routes/(app)/dashboard/transactions/+page.svelte
+++ b/src/routes/(app)/dashboard/transactions/+page.svelte
@@ -1,68 +1,35 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { mdiArrowLeft } from "@mdi/js";
-	import { Balance, Transactions } from "$lib/components";
-	import { AnchorButton, Card, Throbber } from "$lib/dusk/components";
-	import { settingsStore, walletStore } from "$lib/stores";
-	import { sortByHeightDesc } from "$lib/transactions";
+  import { Transactions } from "$lib/components";
+  import { settingsStore, walletStore } from "$lib/stores";
 
-	/** @type {import('./$types').PageData} */
-	export let data;
+  const { language } = $settingsStore;
 
-	const { currentPrice } = data;
-	const { currency, language } = $settingsStore;
-
-	$: ({ balance } = $walletStore);
+  $: ({ syncStatus } = $walletStore);
 </script>
 
 <div class="transactions">
-	<h2 class="visible-hidden">Transactions</h2>
-
-	<Balance
-		tokens={balance.value}
-		tokenCurrency="DUSK"
-		fiat={balance.value * currentPrice[currency.toLowerCase()]}
-		fiatCurrency={currency}
-		locale={language}
-	/>
-
-	{#await walletStore.getTransactionsHistory()}
-		<Throbber className="loading"/>
-	{:then transactions}
-		{#if transactions.length}
-			<Transactions transactions={sortByHeightDesc(transactions)}>
-				<h3 class="h4" slot="heading">Transactions</h3>
-			</Transactions>
-		{:else}
-			<Card heading="Transactions">
-				<p>You have no transaction history</p>
-			</Card>
-		{/if}
-	{:catch e}
-		<Card heading="Error getting transactions">
-			<pre>{e}</pre>
-		</Card>
-	{/await}
-	<AnchorButton
-		href="/dashboard"
-		text="Back"
-		variant="tertiary"
-		icon={{ path: mdiArrowLeft }}
-	/>
+  <h2 class="sr-only">Transactions</h2>
+  {#if import.meta.env.VITE_FEATURE_TRANSACTION_HISTORY === "true"}
+    <Transactions
+      items={walletStore.getTransactionsHistory()}
+      {language}
+      isSyncing={syncStatus.isInProgress}
+      syncError={syncStatus.error}
+    />
+  {:else}
+    <p>Transaction history is currently unavailable</p>
+  {/if}
 </div>
 
 <style lang="postcss">
-	.transactions {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		gap: 1.375rem;
-		overflow-y: auto;
-		flex: 1;
-	}
-
-	:global(.loading) {
-		align-self: center;
-	}
+  .transactions {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1.375rem;
+    overflow-y: auto;
+    flex: 1;
+  }
 </style>
diff --git a/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
index 816d5294..2b57c746 100644
--- a/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -1,125 +1,495 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Dashboard > should render the transactions page 1`] = `
-<div>
-  <div
-    class="transactions s-w5uHSYkypcPX"
+<div
+  class="transactions svelte-1dmjkox"
+>
+  <h2
+    class="sr-only"
   >
-    <h2
-      class="visible-hidden s-w5uHSYkypcPX"
-    >
-      Transactions
-    </h2>
-     
-    <article
-      class="dusk-balance"
+    Transactions
+  </h2>
+   
+  <article
+    class="transactions svelte-mwi4ip"
+  >
+    <header
+      class="transactions__header svelte-mwi4ip"
     >
-      <header
-        class="dusk-balance__header"
+      <h3
+        class="h4"
       >
-        <h2>
-          Your Balance:
-        </h2>
-      </header>
+        Transactions
+      </h3>
        
-      <p
-        class="dusk-balance__dusk"
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled transactions__footer-button"
+        href="/some-base-path/dashboard"
       >
-        <strong>
-          0.000000000
-        </strong>
-         
         <svg
-          class="dusk-icon dusk-icon--size--normal dusk-balance__icon"
-          data-tooltip-id="balance-tooltip"
-          data-tooltip-place="right"
-          data-tooltip-text="DUSK"
+          class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
           role="graphics-symbol"
           viewBox="0 0 24 24"
         >
           <path
-            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
           />
         </svg>
         
-        <!--&lt;Icon&gt;-->
-      </p>
-       
-      <p
-        class="dusk-balance__fiat"
-      >
-        <strong>
-          (
-          $0.00
-          )
-        </strong>
-      </p>
-       
-       
-      <div
-        aria-hidden="true"
-        class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-        id="balance-tooltip"
-        role="tooltip"
-        style="left: 0px; top: 0px;"
-      >
+         
+        <span
+          class="dusk-anchor-button__text"
+        >
+          Back
+        </span>
         
-      </div>
-      <!--&lt;Tooltip&gt;-->
-    </article>
-    <!--&lt;Balance&gt;-->
-     
-    <svg
-      class="dusk-throbber loading"
-      height="64px"
-      role="progressbar"
-      viewBox="0 0 128 128"
-      width="64px"
-    >
-      <g>
-        <path
-          d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
-        />
-        <animatetransform
-          attributeName="transform"
-          dur="1800ms"
-          from="0 64 64"
-          repeatCount="indefinite"
-          to="360 64 64"
-          type="rotate"
-        />
-      </g>
-    </svg>
-    <!--&lt;Throbber&gt;-->
+        
+      </a>
+    </header>
      
-    <a
-      aria-disabled="false"
-      class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-      href="/dashboard"
+    <div
+      class="dusk-suspense transactions-list__container"
     >
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
+      <dl
+        class="transactions-list"
       >
-        <path
-          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-       
-      <span
-        class="dusk-anchor-button__text"
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh795h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh795h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            STAKE
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,460
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          +27,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Fee
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          1,876.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh794h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh794h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,459
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh793h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh793h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,458
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          +25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh792h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh792h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,457
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Fee
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          1,876.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
+      >
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh791h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh791h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            TRANSFER
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,456
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          -25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
+      <dl
+        class="transactions-list"
       >
-        Back
-      </span>
+        <dt
+          class="transactions-list__term"
+        >
+          Hash
+        </dt>
+        <dd
+          class="transactions-list__datum transactions-list__datum--hash"
+        >
+          <samp>
+            <a
+              class="dusk-anchor dusk-anchor--on-surface"
+              href="/explorer/transactions/transaction?id=tg874534tddsghdtst54hdfh790h"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              tg874534tddsghdtst54hdfh790h
+            </a>
+          </samp>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Type
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          <span
+            class="dusk-badge dusk-badge--variant-neutral transactions-list__badge"
+          >
+            STAKE
+          </span>
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Block
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          33,455
+           
+        </dd>
+        <dt
+          class="transactions-list__term"
+        >
+          Amount
+        </dt>
+        <dd
+          class="transactions-list__datum"
+        >
+          +25,000.00
+           
+          <span
+            class="transactions-list__ticker"
+          >
+            Dusk
+          </span>
+           
+        </dd>
+      </dl>
       
       
-    </a>
-    <!--&lt;Anchor&gt;-->
-    <!--&lt;AnchorButton&gt;-->
-  </div>
-  <!--&lt;+page&gt;-->
+    </div>
+  </article>
 </div>
 `;
diff --git a/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js b/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
index d30a6c26..5f586857 100644
--- a/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
+++ b/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
@@ -1,15 +1,19 @@
-import { afterEach, describe, expect, it } from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import Transactions from "../+page.svelte";
 
+vi.useFakeTimers();
+
 describe("Dashboard", () => {
-	afterEach(cleanup);
+  afterEach(cleanup);
+
+  // const currentPrice = Promise.resolve({ usd: 0.5 });
 
-	const currentPrice = { usd: 0.5 };
+  it("should render the transactions page", async () => {
+    const { container } = render(Transactions);
 
-	it("should render the transactions page", () => {
-		const { container } = render(Transactions, { data: { currentPrice } });
+    await vi.advanceTimersToNextTimerAsync();
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
index 43f55a29..244aa68d 100644
--- a/src/routes/(app)/settings/+page.svelte
+++ b/src/routes/(app)/settings/+page.svelte
@@ -1,341 +1,349 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import {
-		mdiApplicationCogOutline,
-		mdiArrowLeft,
-		mdiCheckNetworkOutline,
-		mdiGasStationOutline,
-		mdiRestoreAlert,
-		mdiWalletOutline
-	} from "@mdi/js";
-	import { mapWith, rename } from "lamb";
-	import { goto } from "$app/navigation";
-	import {
-		AnchorButton,
-		Badge,
-		Button,
-		ErrorDetails,
-		Icon,
-		Select,
-		Switch
-	} from "$lib/dusk/components";
-	import { GasControls } from "$lib/components";
-	import { currencies } from "$lib/dusk/currency";
-	import { settingsStore, walletStore } from "$lib/stores";
-
-	const resetWallet = () => walletStore.clearLocalData().then(() => {
-		settingsStore.reset();
-		walletStore.reset();
-		goto("/");
-	}).catch(err => { resetError = err; });
-
-	function handleResetWalletClick () {
-		// eslint-disable-next-line no-alert
-		if (confirm("Are you sure you want to reset the wallet?")) {
-			resetError = null;
-			resetWallet();
-		}
-	}
-
-	/** @type {(currency: { code: string, currency: string }) => SelectOption} */
-	const currencyToOption = rename({ code: "value", currency: "label" });
-	const currenciesToOptions = mapWith(currencyToOption);
-	const {
-		currency,
-		darkMode,
-		gasLimit,
-		gasLimitLower,
-		gasLimitUpper,
-		gasPrice,
-		gasPriceLower,
-		network
-	} = $settingsStore;
-	const networks = [
-		{ label: "testnet", value: "testnet" },
-		{ disabled: true, label: "mainnet", value: "mainnet" }
-	];
-
-	let isDarkMode = darkMode;
-
-	/** @type {Error | null} */
-	let resetError = null;
-
-	$: ({ isSyncing } = $walletStore);
+  import {
+    mdiAccountQuestionOutline,
+    mdiApplicationCogOutline,
+    mdiArrowLeft,
+    mdiCubeOutline,
+    mdiGasStationOutline,
+    mdiRestoreAlert,
+  } from "@mdi/js";
+  import { mapWith, rename } from "lamb";
+  import {
+    Anchor,
+    Button,
+    ErrorDetails,
+    Icon,
+    Select,
+    Switch,
+  } from "$lib/dusk/components";
+  import { AppAnchorButton, CopyField, GasControls } from "$lib/components";
+  import { currencies } from "$lib/dusk/currency";
+  import { createNumberFormatter } from "$lib/dusk/number";
+  import { gasStore, settingsStore, walletStore } from "$lib/stores";
+  import { areValidGasSettings } from "$lib/contracts";
+  import { logout } from "$lib/navigation";
+  import loginInfoStorage from "$lib/services/loginInfoStorage";
+
+  const confirmResetGasMessage =
+    "Are you sure you want to reset the gas settings to their defaults?";
+  const confirmResetWalletMessage =
+    "Confirm you've saved your recovery phrase before resetting the wallet. Proceed?";
+
+  const resetWallet = () =>
+    walletStore
+      .clearLocalData()
+      .then(() => {
+        loginInfoStorage.remove();
+        settingsStore.reset();
+        logout(false);
+      })
+      .catch((err) => {
+        resetError = err;
+      });
+
+  function handleResetGasSettingsClick() {
+    // eslint-disable-next-line no-alert
+    if (confirm(confirmResetGasMessage)) {
+      settingsStore.resetGasSettings();
+      isGasValid = true;
+    }
+  }
+
+  function handleResetWalletClick() {
+    // eslint-disable-next-line no-alert
+    if (confirm(confirmResetWalletMessage)) {
+      resetError = null;
+      resetWallet();
+    }
+  }
+
+  /** @type {(currency: { code: string, currency: string }) => SelectOption} */
+  const currencyToOption = rename({ code: "value", currency: "label" });
+  const currenciesToOptions = mapWith(currencyToOption);
+  const { gasLimitLower, gasLimitUpper, gasPriceLower } = $gasStore;
+
+  let isGasValid = false;
+
+  /** @type {Error | null} */
+  let resetError = null;
+
+  $: ({ syncStatus } = $walletStore);
+  $: ({
+    currency,
+    darkMode,
+    gasLimit,
+    gasPrice,
+    language,
+    walletCreationBlockHeight,
+  } = $settingsStore);
+  $: numberFormatter = createNumberFormatter(language);
 </script>
 
 <section class="settings">
-	<header class="settings__header">
-		<h2>Settings</h2>
-	</header>
-
-	<div class="settings__content">
-		<hr/>
-		<article class="settings-group">
-			<header class="settings-group__header settings-group__header--network">
-				<div class="settings-group__header">
-					<Icon path={mdiCheckNetworkOutline}/>
-					<h3 class="h4 settings-group__heading">Network</h3>
-				</div>
-				<Badge variant="success" text="Online"/>
-			</header>
-			<Select
-				className="settings-group__select"
-				value={network}
-				on:change={(evt) => {
-					settingsStore.update(store => {
-						// eslint-disable-next-line no-extra-parens
-						const option = /** @type {HTMLInputElement} */ (evt.target);
-
-						store.network = option.value;
-
-						return store;
-					});
-				}}
-				options={networks}
-			/>
-		</article>
-		<hr/>
-		<article class="settings-group">
-			<header class="settings-group__header">
-				<Icon path={mdiWalletOutline}/>
-				<h3 class="h4 settings-group__heading">Wallet</h3>
-			</header>
-
-			<div class="settings-group__multi-control-content">
-				<div class="settings-group__control settings-group__control--with-label">
-					<span>Recovery file</span>
-					<Button
-						disabled={true}
-						text="Export"
-						variant="secondary"
-					/>
-				</div>
-				<div class="settings-group__control settings-group__control--with-label">
-					<span>Key-Pair file</span>
-					<Button
-						disabled={true}
-						text="Export"
-						variant="secondary"
-					/>
-				</div>
-				<p>
-					These functionalities are currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-				</p>
-			</div>
-		</article>
-		<hr/>
-		<article class="settings-group">
-			<header class="settings-group__header">
-				<Icon path={mdiGasStationOutline}/>
-				<h3 class="h4 settings-group__heading">Gas</h3>
-			</header>
-			<div class="settings-group__multi-control-content">
-				<GasControls
-					on:setGasSettings={(event) => {
-						settingsStore.update(store => {
-							store.gasLimit = event.detail.limit;
-							store.gasPrice = event.detail.price;
-
-							return store;
-						});
-					}}
-					limit={gasLimit}
-					limitLower={gasLimitLower}
-					limitUpper={gasLimitUpper}
-					price={gasPrice}
-					priceLower={gasPriceLower}
-				/>
-			</div>
-		</article>
-		<hr/>
-		<article class="settings-group">
-			<header class="settings-group__header">
-				<Icon path={mdiApplicationCogOutline}/>
-				<h3 class="h4 settings-group__heading">Preferences</h3>
-			</header>
-			<div class="settings-group__multi-control-content">
-				<label class="settings-group__control settings-group__control--switch" for={undefined}>
-					<span>Dark mode</span>
-					<Switch
-						disabled={true}
-						bind:value={isDarkMode}
-						on:change={() => {
-							settingsStore.update(store => {
-								store.darkMode = isDarkMode;
-
-								return store;
-							});
-						}}
-					/>
-
-				</label>
-				<p>
-					This functionality is currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-				</p>
-				<label class="settings-group__control settings-group__control--with-label" for={undefined}>
-					<span>Currency</span>
-					<Select
-						className="settings-group__control settings-group__control--with-label"
-						value={currency}
-						on:change={(evt) => {
-							settingsStore.update(store => {
-								// eslint-disable-next-line no-extra-parens
-								const option = /** @type {HTMLInputElement} */ (evt.target);
-
-								store.currency = option.value;
-
-								return store;
-							});
-						}}
-						options={currenciesToOptions(currencies)}
-					/>
-				</label>
-			</div>
-		</article>
-		<hr/>
-		<article class="settings-group">
-			<header class="settings-group__header">
-				<Icon path={mdiRestoreAlert}/>
-				<h3 class="h4 settings-group__heading">Danger zone</h3>
-			</header>
-			<ErrorDetails
-				error={resetError}
-				summary="An error occurred while resetting the wallet. Please try again."
-			/>
-			<Button
-				className="settings-group__button--state--danger"
-				disabled={isSyncing}
-				data-tooltip-disabled={!isSyncing}
-				data-tooltip-id="main-tooltip"
-				data-tooltip-text="Impossible to reset while a sync is in progress"
-				data-tooltip-type="warning"
-				on:click={handleResetWalletClick}
-				text="Reset Wallet"
-				variant="secondary"
-			/>
-		</article>
-	</div>
+  <header class="settings__header">
+    <h2>Settings</h2>
+  </header>
+
+  <div class="settings__content">
+    <article class="settings-group">
+      <header class="settings-group__header">
+        <Icon path={mdiGasStationOutline} />
+        <h3 class="h4 settings-group__heading">Gas</h3>
+      </header>
+      <div class="settings-group__multi-control-content">
+        <GasControls
+          on:gasSettings={(event) => {
+            const { limit, price } = event.detail;
+
+            isGasValid = areValidGasSettings(price, limit);
+
+            settingsStore.update((store) => ({
+              ...store,
+              gasLimit: limit,
+              gasPrice: price,
+            }));
+          }}
+          limit={gasLimit}
+          limitLower={gasLimitLower}
+          limitUpper={gasLimitUpper}
+          price={gasPrice}
+          priceLower={gasPriceLower}
+        />
+        <Button
+          on:click={handleResetGasSettingsClick}
+          text="Reset to defaults"
+        />
+      </div>
+    </article>
+    <hr />
+    <article class="settings-group">
+      <header class="settings-group__header">
+        <Icon path={mdiApplicationCogOutline} />
+        <h3 class="h4 settings-group__heading">Preferences</h3>
+      </header>
+      <div class="settings-group__multi-control-content">
+        <label
+          class="settings-group__control settings-group__control--with-label"
+          for={undefined}
+        >
+          <span>Currency:</span>
+          <Select
+            className="settings-group__control settings-group__control--with-label"
+            value={currency}
+            on:change={(evt) => {
+              settingsStore.update((store) => {
+                const option = /** @type {HTMLInputElement} */ (evt.target);
+
+                store.currency = option.value;
+
+                return store;
+              });
+            }}
+            options={currenciesToOptions(currencies)}
+          />
+        </label>
+        <label
+          class="settings-group__control settings-group__control--switch"
+          for={undefined}
+        >
+          <span>Dark mode</span>
+          <Switch
+            on:change={(event) => {
+              settingsStore.update((store) => {
+                store.darkMode = event.detail;
+
+                return store;
+              });
+            }}
+            value={darkMode}
+          />
+        </label>
+      </div>
+    </article>
+    <hr />
+    {#if walletCreationBlockHeight}
+      <article class="settings-group">
+        <header class="settings-group__header">
+          <Icon path={mdiCubeOutline} />
+          <h3 class="h4 settings-group__heading">
+            Wallet Creation Block Height
+          </h3>
+        </header>
+        <CopyField
+          className="settings-group__control"
+          displayValue={numberFormatter(walletCreationBlockHeight)}
+          name="Block Height"
+          rawValue={String(walletCreationBlockHeight)}
+        />
+      </article>
+      <hr />
+    {/if}
+    <article class="settings-group">
+      <header class="settings-group__header">
+        <Icon path={mdiAccountQuestionOutline} />
+        <h3 class="h4 settings-group__heading">Support</h3>
+      </header>
+      <p>
+        Need help or have feedback? Explore the <Anchor
+          rel="noopener noreferrer"
+          target="_blank"
+          href="https://docs.dusk.network">Dusk Docs</Anchor
+        >
+        for detailed documentation, join the
+        <Anchor
+          rel="noopener noreferrer"
+          target="_blank"
+          href="https://discord.gg/dusk-official">community Discord</Anchor
+        > for questions and discussions, and visit the
+        <Anchor
+          rel="noopener noreferrer"
+          target="_blank"
+          href="https://github.com/dusk-network/rusk">GitHub repository</Anchor
+        > to view known issues, report bugs, or share feedback.
+      </p>
+    </article>
+    <hr />
+    <article class="settings-group">
+      <header class="settings-group__header">
+        <Icon path={mdiRestoreAlert} />
+        <h3 class="h4 settings-group__heading">Reset wallet</h3>
+      </header>
+      <div class="settings-group__multi-control-content">
+        <p>
+          Resetting your wallet clears the cache and restores default settings
+          without affecting your funds or transaction history. You’ll need your
+          mnemonic phrase to restore access, so ensure it’s securely stored
+          before proceeding.
+        </p>
+        <ErrorDetails
+          error={resetError}
+          summary="An error occurred while resetting the wallet. Please try again."
+        />
+        <Button
+          className="settings-group__button--state--danger"
+          disabled={syncStatus.isInProgress}
+          data-tooltip-disabled={!syncStatus.isInProgress}
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Not allowed to reset while syncing"
+          data-tooltip-type="warning"
+          on:click={handleResetWalletClick}
+          text="Reset Wallet"
+        />
+      </div>
+    </article>
+  </div>
 </section>
 
 <div class="settings-actions">
-	<AnchorButton
-		href="/dashboard"
-		variant="tertiary"
-		icon={{ path: mdiArrowLeft }}
-		text="Back"/>
-	<Button
-		on:click={async () => {
-			walletStore.reset();
-			goto("/");
-		}}
-		variant="tertiary"
-		text="Log out"/>
+  <AppAnchorButton
+    href="/dashboard"
+    disabled={!isGasValid}
+    variant="tertiary"
+    icon={{ path: mdiArrowLeft }}
+    text="Back"
+  />
+  <Button
+    on:click={() => logout(false)}
+    variant="tertiary"
+    text="Lock Wallet"
+  />
 </div>
 
 <style lang="postcss">
-	.settings {
-		overflow-y: hidden;
-		background-color: var(--surface-color);
-		border-radius: 1.125em;
-
-		& > * {
-			padding: 1em 1em 0 1em;
-		}
-
-		&, &__content {
-			display: flex;
-			flex-direction: column;
-			gap: var(--default-gap);
-		}
-
-		&__content {
-			overflow-y: auto;
-		}
-
-		:global(& button, & select, & a) {
-			width: 100%;
-		}
-	}
-
-	.settings-group {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		gap: var(--small-gap);
-		width: 100%;
-		margin-bottom: .5em;
-
-		&__header {
-			display: flex;
-			align-items: center;
-			gap: 0.75em;
-
-			&--network {
-				width: 100%;
-				justify-content: space-between;
-			}
-		}
-
-		&__heading {
-			line-height: 140%;
-		}
-
-		&__control {
-			align-items: center;
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			gap: .5em;
-			width: 100%;
-
-			&--with-label {
-				flex-direction: column;
-				justify-content: start;
-				align-items: stretch;
-
-				& > span {
-					line-height: 140%;
-				}
-			}
-
-			&--switch {
-				background-color: var(--on-primary-color);
-				padding: 0.625em 0.75em 0.625em 0.75em;
-				border-radius: 1.5em;
-			}
-		}
-
-		&__multi-control-content {
-			display: flex;
-			flex-direction: column;
-			gap: var(--default-gap);
-			width: 100%;
-		}
-
-		:global(&__select) {
-			text-transform: uppercase;
-		}
-
-		&:last-of-type {
-			margin-bottom: 1em;
-		}
-	}
-
-	.settings-actions {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		gap: var(--default-gap);
-
-		:global(& button, & a) {
-			width: 100%;
-		}
-	}
-
-	:global(.dusk-button.settings-group__button--state--danger) {
-		background-color: var(--danger-color);
-	}
+  :global {
+    .settings {
+      overflow-y: hidden;
+      background-color: var(--surface-color);
+      border-radius: 1.125em;
+
+      & > * {
+        padding: 1em 1em 0 1em;
+      }
+
+      &,
+      &__content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--default-gap);
+      }
+
+      &__content {
+        overflow-y: auto;
+      }
+    }
+
+    .settings-group {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--small-gap);
+      width: 100%;
+      margin-bottom: 0.5em;
+
+      &__header {
+        text-transform: capitalize;
+        display: flex;
+        align-items: center;
+        gap: 0.75em;
+      }
+
+      &__heading {
+        line-height: 140%;
+      }
+
+      &__control {
+        align-items: center;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        gap: 0.5em;
+        width: 100%;
+
+        &--with-label {
+          flex-direction: column;
+          justify-content: start;
+          align-items: stretch;
+
+          & > span {
+            line-height: 140%;
+          }
+        }
+
+        &--switch {
+          background-color: var(--background-color);
+          padding: 0.625em 0.75em 0.625em 0.75em;
+          border-radius: 1.5em;
+        }
+      }
+
+      &__multi-control-content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--default-gap);
+        width: 100%;
+      }
+
+      &:last-of-type {
+        margin-bottom: 1em;
+      }
+    }
+
+    .settings-actions {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      gap: var(--default-gap);
+
+      & > * {
+        flex: 1;
+      }
+    }
+
+    .dusk-button.settings-group__button--state--danger {
+      background-color: var(--error-color);
+      color: var(--on-danger-color);
+    }
+  }
 </style>
diff --git a/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
index d35e09b0..adbf41c2 100644
--- a/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
@@ -1,623 +1,526 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Settings > Resetting the wallet > should show an error if clearing local data fails 1`] = `
-<div>
-  <section
-    class="settings s-EBshooXNO1eQ"
+<section
+  class="settings"
+>
+  <header
+    class="settings__header"
   >
-    <header
-      class="settings__header s-EBshooXNO1eQ"
+    <h2>
+      Settings
+    </h2>
+  </header>
+   
+  <div
+    class="settings__content"
+  >
+    <article
+      class="settings-group"
     >
-      <h2
-        class="s-EBshooXNO1eQ"
+      <header
+        class="settings-group__header"
       >
-        Settings
-      </h2>
-    </header>
-     
-    <div
-      class="settings__content s-EBshooXNO1eQ"
-    >
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Gas
+        </h3>
+      </header>
        
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <div
+        class="settings-group__multi-control-content"
       >
-        <header
-          class="settings-group__header settings-group__header--network s-EBshooXNO1eQ"
+        <label
+          class="gas-control svelte-1p4ekyk"
         >
-          <div
-            class="settings-group__header s-EBshooXNO1eQ"
+          <span
+            class="gas-control__label svelte-1p4ekyk"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--normal"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <h3
-              class="h4 settings-group__heading s-EBshooXNO1eQ"
-            >
-              Network
-            </h3>
-          </div>
+            Price (lux):
+          </span>
            
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
+         
+        <label
+          class="gas-control svelte-1p4ekyk"
+        >
           <span
-            class="dusk-badge dusk-badge--variant-success"
+            class="gas-control__label svelte-1p4ekyk"
           >
-            Online
+            Gas Limit (unit):
           </span>
-          <!--&lt;Badge&gt;-->
-        </header>
+           
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
          
-        <select
-          class="dusk-select settings-group__select"
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
+          type="button"
         >
-          <option
-            value="testnet"
-          >
-            testnet
-             
-          </option>
-          <option
-            disabled=""
-            value="mainnet"
+          <span
+            class="dusk-button__text"
           >
-            mainnet
-             
-          </option>
-          
-          <!--&lt;Options&gt;-->
-        </select>
-        <!--&lt;Select&gt;-->
-      </article>
-       
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
+            Reset to defaults
+          </span>
+        </button>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Preferences
+        </h3>
+      </header>
        
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <div
+        class="settings-group__multi-control-content"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <label
+          class="settings-group__control settings-group__control--with-label"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+          <span>
+            Currency:
+          </span>
            
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
+          <select
+            class="dusk-select settings-group__control settings-group__control--with-label"
           >
-            Wallet
-          </h3>
-        </header>
+            <option
+              value="AED"
+            >
+              United Arab Emirates Dirham
+               
+            </option>
+            <option
+              value="ARS"
+            >
+              Argentine Peso
+               
+            </option>
+            <option
+              value="AUD"
+            >
+              Australian Dollar
+               
+            </option>
+            <option
+              value="BDT"
+            >
+              Bangladeshi Taka
+               
+            </option>
+            <option
+              value="BHD"
+            >
+              Bahraini Dinar
+               
+            </option>
+            <option
+              value="BMD"
+            >
+              Bermudian Dollar
+               
+            </option>
+            <option
+              value="BRL"
+            >
+              Brazilian Real
+               
+            </option>
+            <option
+              value="CAD"
+            >
+              Canadian Dollar
+               
+            </option>
+            <option
+              value="CFH"
+            >
+              Swiss Franc
+               
+            </option>
+            <option
+              value="CLP"
+            >
+              Chilean Peso
+               
+            </option>
+            <option
+              value="CNY"
+            >
+              Renminbi
+               
+            </option>
+            <option
+              value="CZK"
+            >
+              Czech Koruna
+               
+            </option>
+            <option
+              value="DKK"
+            >
+              Danish Krone
+               
+            </option>
+            <option
+              value="EUR"
+            >
+              Euro
+               
+            </option>
+            <option
+              value="GBP"
+            >
+              Pound Sterling
+               
+            </option>
+            <option
+              value="HKD"
+            >
+              Hong Kong Dollar
+               
+            </option>
+            <option
+              value="HUF"
+            >
+              Hungarian Forint
+               
+            </option>
+            <option
+              value="IDR"
+            >
+              Indonesian Rupiah
+               
+            </option>
+            <option
+              value="ILS"
+            >
+              Israeli New Shekel
+               
+            </option>
+            <option
+              value="INR"
+            >
+              Indian Rupee
+               
+            </option>
+            <option
+              value="JPY"
+            >
+              Japanese Yen
+               
+            </option>
+            <option
+              value="KRW"
+            >
+              South Korean Won
+               
+            </option>
+            <option
+              value="KWD"
+            >
+              Kuwaiti Dinar
+               
+            </option>
+            <option
+              value="LKR"
+            >
+              Sri Lankan Rupee
+               
+            </option>
+            <option
+              value="MMK"
+            >
+              Myanmar Kyat
+               
+            </option>
+            <option
+              value="MXN"
+            >
+              Mexican Peso
+               
+            </option>
+            <option
+              value="MYR"
+            >
+              Malaysian Ringgit
+               
+            </option>
+            <option
+              value="NGN"
+            >
+              Nigerian Naira
+               
+            </option>
+            <option
+              value="NOK"
+            >
+              Norwegian Krone
+               
+            </option>
+            <option
+              value="NZD"
+            >
+              New Zealand Dollar
+               
+            </option>
+            <option
+              value="PHP"
+            >
+              Philippine Peso
+               
+            </option>
+            <option
+              value="PKR"
+            >
+              Pakistani Rupee
+               
+            </option>
+            <option
+              value="PLN"
+            >
+              Polish Złoty
+               
+            </option>
+            <option
+              value="RUB"
+            >
+              Russian Ruble
+               
+            </option>
+            <option
+              value="SAR"
+            >
+              Saudi Riyal
+               
+            </option>
+            <option
+              value="SEK"
+            >
+              Swedish Krona
+               
+            </option>
+            <option
+              value="SGD"
+            >
+              Singapore Dollar
+               
+            </option>
+            <option
+              value="THB"
+            >
+              Thai Baht
+               
+            </option>
+            <option
+              value="TRY"
+            >
+              Turkish Lira
+               
+            </option>
+            <option
+              value="TWD"
+            >
+              New Taiwan Dollar
+               
+            </option>
+            <option
+              value="UAH"
+            >
+              Ukrainian Hryvnia
+               
+            </option>
+            <option
+              value="USD"
+            >
+              United States Dollar
+               
+            </option>
+            <option
+              value="VEF"
+            >
+              Venezuelan Bolívar Fuerte
+               
+            </option>
+            <option
+              value="VND"
+            >
+              Vietnamese Dồng
+               
+            </option>
+            <option
+              value="ZAR"
+            >
+              South African Rand
+               
+            </option>
+            
+          </select>
+        </label>
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <label
+          class="settings-group__control settings-group__control--switch"
         >
-          <div
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Recovery file
-            </span>
-             
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="dusk-button__text"
-              >
-                Export
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
-          </div>
+          <span>
+            Dark mode
+          </span>
            
           <div
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Key-Pair file
-            </span>
-             
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="dusk-button__text"
-              >
-                Export
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
-          </div>
-           
-          <p
-            class="s-EBshooXNO1eQ"
-          >
-            These functionalities are currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-          </p>
-        </div>
-      </article>
-       
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
+      </div>
+    </article>
+     
+    <hr />
+     
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Gas
-          </h3>
-        </header>
+          <path
+            d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z"
+          />
+        </svg>
+        
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <h3
+          class="h4 settings-group__heading"
         >
-          <label
-            class="gas-control s-POS_LBjGgkOM"
-          >
-            <span
-              class="gas-control__label s-POS_LBjGgkOM"
-            >
-              Price: (lux)
-            </span>
-             
-            <input
-              class="dusk-textbox dusk-textbox-number gas-control__input"
-              max="20000000"
-              min="1"
-              required=""
-              type="number"
-            />
-            
-            <!--&lt;Textbox&gt;-->
-          </label>
-           
-          <label
-            class="gas-control s-POS_LBjGgkOM"
-          >
-            <span
-              class="gas-control__label s-POS_LBjGgkOM"
-            >
-              Gas Limit: (unit)
-            </span>
-             
-            <input
-              class="dusk-textbox dusk-textbox-number gas-control__input"
-              max="1000000000"
-              min="10000000"
-              required=""
-              type="number"
-            />
-            
-            <!--&lt;Textbox&gt;-->
-          </label>
-          <!--&lt;GasControls&gt;-->
-        </div>
-      </article>
+          Support
+        </h3>
+      </header>
        
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <p>
+        Need help or have feedback? Explore the 
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://docs.dusk.network"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Dusk Docs
+        </a>
+        
+        for detailed documentation, join the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://discord.gg/dusk-official"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          community Discord
+        </a>
+         for questions and discussions, and visit the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://github.com/dusk-network/rusk"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          GitHub repository
+        </a>
+         to view known issues, report bugs, or share feedback.
+      </p>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Preferences
-          </h3>
-        </header>
+          <path
+            d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
+          />
+        </svg>
+        
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <h3
+          class="h4 settings-group__heading"
         >
-          <label
-            class="settings-group__control settings-group__control--switch s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Dark mode
-            </span>
-             
-            <div
-              aria-checked="false"
-              aria-disabled="true"
-              class="dusk-switch"
-              role="switch"
-              tabindex="-1"
-            />
-            <!--&lt;Switch&gt;-->
-          </label>
-           
-          <p
-            class="s-EBshooXNO1eQ"
-          >
-            This functionality is currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-          </p>
-           
-          <label
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Currency
-            </span>
-             
-            <select
-              class="dusk-select settings-group__control settings-group__control--with-label"
-            >
-              <option
-                value="AED"
-              >
-                United Arab Emirates Dirham
-                 
-              </option>
-              <option
-                value="ARS"
-              >
-                Argentine Peso
-                 
-              </option>
-              <option
-                value="AUD"
-              >
-                Australian Dollar
-                 
-              </option>
-              <option
-                value="BDT"
-              >
-                Bangladeshi Taka
-                 
-              </option>
-              <option
-                value="BHD"
-              >
-                Bahraini Dinar
-                 
-              </option>
-              <option
-                value="BMD"
-              >
-                Bermudian Dollar
-                 
-              </option>
-              <option
-                value="BRL"
-              >
-                Brazilian Real
-                 
-              </option>
-              <option
-                value="CAD"
-              >
-                Canadian Dollar
-                 
-              </option>
-              <option
-                value="CFH"
-              >
-                Swiss Franc
-                 
-              </option>
-              <option
-                value="CLP"
-              >
-                Chilean Peso
-                 
-              </option>
-              <option
-                value="CNY"
-              >
-                Renminbi
-                 
-              </option>
-              <option
-                value="CZK"
-              >
-                Czech Koruna
-                 
-              </option>
-              <option
-                value="DKK"
-              >
-                Danish Krone
-                 
-              </option>
-              <option
-                value="EUR"
-              >
-                Euro
-                 
-              </option>
-              <option
-                value="GBP"
-              >
-                Pound Sterling
-                 
-              </option>
-              <option
-                value="HKD"
-              >
-                Hong Kong Dollar
-                 
-              </option>
-              <option
-                value="HUF"
-              >
-                Hungarian Forint
-                 
-              </option>
-              <option
-                value="IDR"
-              >
-                Indonesian Rupiah
-                 
-              </option>
-              <option
-                value="ILS"
-              >
-                Israeli New Shekel
-                 
-              </option>
-              <option
-                value="INR"
-              >
-                Indian Rupee
-                 
-              </option>
-              <option
-                value="JPY"
-              >
-                Japanese Yen
-                 
-              </option>
-              <option
-                value="KRW"
-              >
-                South Korean Won
-                 
-              </option>
-              <option
-                value="KWD"
-              >
-                Kuwaiti Dinar
-                 
-              </option>
-              <option
-                value="LKR"
-              >
-                Sri Lankan Rupee
-                 
-              </option>
-              <option
-                value="MMK"
-              >
-                Myanmar Kyat
-                 
-              </option>
-              <option
-                value="MXN"
-              >
-                Mexican Peso
-                 
-              </option>
-              <option
-                value="MYR"
-              >
-                Malaysian Ringgit
-                 
-              </option>
-              <option
-                value="NGN"
-              >
-                Nigerian Naira
-                 
-              </option>
-              <option
-                value="NOK"
-              >
-                Norwegian Krone
-                 
-              </option>
-              <option
-                value="NZD"
-              >
-                New Zealand Dollar
-                 
-              </option>
-              <option
-                value="PHP"
-              >
-                Philippine Peso
-                 
-              </option>
-              <option
-                value="PKR"
-              >
-                Pakistani Rupee
-                 
-              </option>
-              <option
-                value="PLN"
-              >
-                Polish Złoty
-                 
-              </option>
-              <option
-                value="RUB"
-              >
-                Russian Ruble
-                 
-              </option>
-              <option
-                value="SAR"
-              >
-                Saudi Riyal
-                 
-              </option>
-              <option
-                value="SEK"
-              >
-                Swedish Krona
-                 
-              </option>
-              <option
-                value="SGD"
-              >
-                Singapore Dollar
-                 
-              </option>
-              <option
-                value="THB"
-              >
-                Thai Baht
-                 
-              </option>
-              <option
-                value="TRY"
-              >
-                Turkish Lira
-                 
-              </option>
-              <option
-                value="TWD"
-              >
-                New Taiwan Dollar
-                 
-              </option>
-              <option
-                value="UAH"
-              >
-                Ukrainian Hryvnia
-                 
-              </option>
-              <option
-                value="USD"
-              >
-                United States Dollar
-                 
-              </option>
-              <option
-                value="VEF"
-              >
-                Venezuelan Bolívar Fuerte
-                 
-              </option>
-              <option
-                value="VND"
-              >
-                Vietnamese Dồng
-                 
-              </option>
-              <option
-                value="ZAR"
-              >
-                South African Rand
-                 
-              </option>
-              
-              <!--&lt;Options&gt;-->
-            </select>
-            <!--&lt;Select&gt;-->
-          </label>
-        </div>
-      </article>
-       
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
+          Reset wallet
+        </h3>
+      </header>
        
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <div
+        class="settings-group__multi-control-content"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Danger zone
-          </h3>
-        </header>
+        <p>
+          Resetting your wallet clears the cache and restores default settings
+          without affecting your funds or transaction history. You’ll need your
+          mnemonic phrase to restore access, so ensure it’s securely stored
+          before proceeding.
+        </p>
          
         <details
           class="dusk-error-details dusk-error-details__details"
@@ -638,13 +541,12 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
           </pre>
         </details>
         
-        <!--&lt;ErrorDetails&gt;-->
          
         <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal settings-group__button--state--danger"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default settings-group__button--state--danger"
           data-tooltip-disabled="true"
           data-tooltip-id="main-tooltip"
-          data-tooltip-text="Impossible to reset while a sync is in progress"
+          data-tooltip-text="Not allowed to reset while syncing"
           data-tooltip-type="warning"
           type="button"
         >
@@ -654,685 +556,1085 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
             Reset Wallet
           </span>
         </button>
-        <!--&lt;Button&gt;-->
-      </article>
-    </div>
-  </section>
-   
-  <div
-    class="settings-actions s-EBshooXNO1eQ"
-  >
-    <a
-      aria-disabled="false"
-      class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-      href="/dashboard"
-    >
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
-       
-      <span
-        class="dusk-anchor-button__text"
-      >
-        Back
-      </span>
-      
-      
-    </a>
-    <!--&lt;Anchor&gt;-->
-    <!--&lt;AnchorButton&gt;-->
-     
-    <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-      type="button"
-    >
-      <span
-        class="dusk-button__text"
-      >
-        Log out
-      </span>
-    </button>
-    <!--&lt;Button&gt;-->
+      </div>
+    </article>
   </div>
-  <!--&lt;+page&gt;-->
-</div>
+</section>
 `;
 
-exports[`Settings > should render the settings page 1`] = `
-<div>
-  <section
-    class="settings s-EBshooXNO1eQ"
+exports[`Settings > should render the settings page displaying the status of the network 1`] = `
+<section
+  class="settings"
+>
+  <header
+    class="settings__header"
   >
-    <header
-      class="settings__header s-EBshooXNO1eQ"
-    >
-      <h2
-        class="s-EBshooXNO1eQ"
-      >
-        Settings
-      </h2>
-    </header>
-     
-    <div
-      class="settings__content s-EBshooXNO1eQ"
+    <h2>
+      Settings
+    </h2>
+  </header>
+   
+  <div
+    class="settings__content"
+  >
+    <article
+      class="settings-group"
     >
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <header
+        class="settings-group__header"
       >
-        <header
-          class="settings-group__header settings-group__header--network s-EBshooXNO1eQ"
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
         >
-          <div
-            class="settings-group__header s-EBshooXNO1eQ"
-          >
-            <svg
-              class="dusk-icon dusk-icon--size--normal"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <h3
-              class="h4 settings-group__heading s-EBshooXNO1eQ"
-            >
-              Network
-            </h3>
-          </div>
-           
-          <span
-            class="dusk-badge dusk-badge--variant-success"
-          >
-            Online
-          </span>
-          <!--&lt;Badge&gt;-->
-        </header>
+          <path
+            d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
+          />
+        </svg>
+        
          
-        <select
-          class="dusk-select settings-group__select"
+        <h3
+          class="h4 settings-group__heading"
         >
-          <option
-            value="testnet"
-          >
-            testnet
-             
-          </option>
-          <option
-            disabled=""
-            value="mainnet"
-          >
-            mainnet
-             
-          </option>
-          
-          <!--&lt;Options&gt;-->
-        </select>
-        <!--&lt;Select&gt;-->
-      </article>
+          Gas
+        </h3>
+      </header>
        
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <div
+        class="settings-group__multi-control-content"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <label
+          class="gas-control svelte-1p4ekyk"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span
+            class="gas-control__label svelte-1p4ekyk"
           >
-            <path
-              d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
+            Price (lux):
+          </span>
            
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Wallet
-          </h3>
-        </header>
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <label
+          class="gas-control svelte-1p4ekyk"
         >
-          <div
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Recovery file
-            </span>
-             
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="dusk-button__text"
-              >
-                Export
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
-          </div>
-           
-          <div
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
+          <span
+            class="gas-control__label svelte-1p4ekyk"
           >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Key-Pair file
-            </span>
-             
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="dusk-button__text"
-              >
-                Export
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
-          </div>
+            Gas Limit (unit):
+          </span>
            
-          <p
-            class="s-EBshooXNO1eQ"
-          >
-            These functionalities are currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-          </p>
-        </div>
-      </article>
-       
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
-      >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
-            />
-          </svg>
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
           
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Gas
-          </h3>
-        </header>
+        </label>
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
+          type="button"
         >
-          <label
-            class="gas-control s-POS_LBjGgkOM"
-          >
-            <span
-              class="gas-control__label s-POS_LBjGgkOM"
-            >
-              Price: (lux)
-            </span>
-             
-            <input
-              class="dusk-textbox dusk-textbox-number gas-control__input"
-              max="20000000"
-              min="1"
-              required=""
-              type="number"
-            />
-            
-            <!--&lt;Textbox&gt;-->
-          </label>
-           
-          <label
-            class="gas-control s-POS_LBjGgkOM"
+          <span
+            class="dusk-button__text"
           >
-            <span
-              class="gas-control__label s-POS_LBjGgkOM"
-            >
-              Gas Limit: (unit)
-            </span>
-             
-            <input
-              class="dusk-textbox dusk-textbox-number gas-control__input"
-              max="1000000000"
-              min="10000000"
-              required=""
-              type="number"
-            />
-            
-            <!--&lt;Textbox&gt;-->
-          </label>
-          <!--&lt;GasControls&gt;-->
-        </div>
-      </article>
-       
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+            Reset to defaults
+          </span>
+        </button>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
-          >
-            Preferences
-          </h3>
-        </header>
+          <path
+            d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
+          />
+        </svg>
+        
          
-        <div
-          class="settings-group__multi-control-content s-EBshooXNO1eQ"
+        <h3
+          class="h4 settings-group__heading"
         >
-          <label
-            class="settings-group__control settings-group__control--switch s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Dark mode
-            </span>
-             
-            <div
-              aria-checked="false"
-              aria-disabled="true"
-              class="dusk-switch"
-              role="switch"
-              tabindex="-1"
-            />
-            <!--&lt;Switch&gt;-->
-          </label>
-           
-          <p
-            class="s-EBshooXNO1eQ"
-          >
-            This functionality is currently disabled in the beta
-					version of the web wallet and will be enabled in a future update.
-          </p>
-           
-          <label
-            class="settings-group__control settings-group__control--with-label s-EBshooXNO1eQ"
-          >
-            <span
-              class="s-EBshooXNO1eQ"
-            >
-              Currency
-            </span>
-             
-            <select
-              class="dusk-select settings-group__control settings-group__control--with-label"
-            >
-              <option
-                value="AED"
-              >
-                United Arab Emirates Dirham
-                 
-              </option>
-              <option
-                value="ARS"
-              >
-                Argentine Peso
-                 
-              </option>
-              <option
-                value="AUD"
-              >
-                Australian Dollar
-                 
-              </option>
-              <option
-                value="BDT"
-              >
-                Bangladeshi Taka
-                 
-              </option>
-              <option
-                value="BHD"
-              >
-                Bahraini Dinar
-                 
-              </option>
-              <option
-                value="BMD"
-              >
-                Bermudian Dollar
-                 
-              </option>
-              <option
-                value="BRL"
-              >
-                Brazilian Real
-                 
-              </option>
-              <option
-                value="CAD"
-              >
-                Canadian Dollar
-                 
-              </option>
-              <option
-                value="CFH"
-              >
-                Swiss Franc
-                 
-              </option>
-              <option
-                value="CLP"
-              >
-                Chilean Peso
-                 
-              </option>
-              <option
-                value="CNY"
-              >
-                Renminbi
-                 
-              </option>
-              <option
-                value="CZK"
-              >
-                Czech Koruna
-                 
-              </option>
-              <option
-                value="DKK"
-              >
-                Danish Krone
-                 
-              </option>
-              <option
-                value="EUR"
-              >
-                Euro
-                 
-              </option>
-              <option
-                value="GBP"
-              >
-                Pound Sterling
-                 
-              </option>
-              <option
-                value="HKD"
-              >
-                Hong Kong Dollar
-                 
-              </option>
-              <option
-                value="HUF"
-              >
-                Hungarian Forint
-                 
-              </option>
-              <option
-                value="IDR"
-              >
-                Indonesian Rupiah
-                 
-              </option>
-              <option
-                value="ILS"
-              >
-                Israeli New Shekel
-                 
-              </option>
-              <option
-                value="INR"
-              >
-                Indian Rupee
-                 
-              </option>
-              <option
-                value="JPY"
-              >
-                Japanese Yen
-                 
-              </option>
-              <option
-                value="KRW"
-              >
-                South Korean Won
-                 
-              </option>
-              <option
-                value="KWD"
-              >
-                Kuwaiti Dinar
-                 
-              </option>
-              <option
-                value="LKR"
-              >
-                Sri Lankan Rupee
-                 
-              </option>
-              <option
-                value="MMK"
-              >
-                Myanmar Kyat
-                 
-              </option>
-              <option
-                value="MXN"
-              >
-                Mexican Peso
-                 
-              </option>
-              <option
-                value="MYR"
-              >
-                Malaysian Ringgit
-                 
-              </option>
-              <option
-                value="NGN"
-              >
-                Nigerian Naira
-                 
-              </option>
-              <option
-                value="NOK"
-              >
-                Norwegian Krone
-                 
-              </option>
-              <option
-                value="NZD"
-              >
-                New Zealand Dollar
-                 
-              </option>
-              <option
-                value="PHP"
-              >
-                Philippine Peso
-                 
-              </option>
-              <option
-                value="PKR"
-              >
-                Pakistani Rupee
-                 
-              </option>
-              <option
-                value="PLN"
-              >
-                Polish Złoty
-                 
-              </option>
-              <option
-                value="RUB"
-              >
-                Russian Ruble
-                 
-              </option>
-              <option
-                value="SAR"
-              >
-                Saudi Riyal
-                 
-              </option>
-              <option
-                value="SEK"
-              >
-                Swedish Krona
-                 
-              </option>
-              <option
-                value="SGD"
-              >
-                Singapore Dollar
-                 
-              </option>
-              <option
-                value="THB"
-              >
-                Thai Baht
-                 
-              </option>
-              <option
-                value="TRY"
-              >
-                Turkish Lira
-                 
-              </option>
-              <option
-                value="TWD"
-              >
-                New Taiwan Dollar
-                 
-              </option>
-              <option
-                value="UAH"
-              >
-                Ukrainian Hryvnia
-                 
-              </option>
-              <option
-                value="USD"
-              >
-                United States Dollar
-                 
-              </option>
-              <option
-                value="VEF"
-              >
-                Venezuelan Bolívar Fuerte
-                 
-              </option>
-              <option
-                value="VND"
-              >
-                Vietnamese Dồng
-                 
-              </option>
-              <option
-                value="ZAR"
-              >
-                South African Rand
-                 
-              </option>
-              
-              <!--&lt;Options&gt;-->
-            </select>
-            <!--&lt;Select&gt;-->
-          </label>
-        </div>
-      </article>
+          Preferences
+        </h3>
+      </header>
        
-      <hr
-        class="s-EBshooXNO1eQ"
-      />
-       
-      <article
-        class="settings-group s-EBshooXNO1eQ"
+      <div
+        class="settings-group__multi-control-content"
       >
-        <header
-          class="settings-group__header s-EBshooXNO1eQ"
+        <label
+          class="settings-group__control settings-group__control--with-label"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--normal"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
+          <span>
+            Currency:
+          </span>
+           
+          <select
+            class="dusk-select settings-group__control settings-group__control--with-label"
           >
-            <path
-              d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
-            />
-          </svg>
+            <option
+              value="AED"
+            >
+              United Arab Emirates Dirham
+               
+            </option>
+            <option
+              value="ARS"
+            >
+              Argentine Peso
+               
+            </option>
+            <option
+              value="AUD"
+            >
+              Australian Dollar
+               
+            </option>
+            <option
+              value="BDT"
+            >
+              Bangladeshi Taka
+               
+            </option>
+            <option
+              value="BHD"
+            >
+              Bahraini Dinar
+               
+            </option>
+            <option
+              value="BMD"
+            >
+              Bermudian Dollar
+               
+            </option>
+            <option
+              value="BRL"
+            >
+              Brazilian Real
+               
+            </option>
+            <option
+              value="CAD"
+            >
+              Canadian Dollar
+               
+            </option>
+            <option
+              value="CFH"
+            >
+              Swiss Franc
+               
+            </option>
+            <option
+              value="CLP"
+            >
+              Chilean Peso
+               
+            </option>
+            <option
+              value="CNY"
+            >
+              Renminbi
+               
+            </option>
+            <option
+              value="CZK"
+            >
+              Czech Koruna
+               
+            </option>
+            <option
+              value="DKK"
+            >
+              Danish Krone
+               
+            </option>
+            <option
+              value="EUR"
+            >
+              Euro
+               
+            </option>
+            <option
+              value="GBP"
+            >
+              Pound Sterling
+               
+            </option>
+            <option
+              value="HKD"
+            >
+              Hong Kong Dollar
+               
+            </option>
+            <option
+              value="HUF"
+            >
+              Hungarian Forint
+               
+            </option>
+            <option
+              value="IDR"
+            >
+              Indonesian Rupiah
+               
+            </option>
+            <option
+              value="ILS"
+            >
+              Israeli New Shekel
+               
+            </option>
+            <option
+              value="INR"
+            >
+              Indian Rupee
+               
+            </option>
+            <option
+              value="JPY"
+            >
+              Japanese Yen
+               
+            </option>
+            <option
+              value="KRW"
+            >
+              South Korean Won
+               
+            </option>
+            <option
+              value="KWD"
+            >
+              Kuwaiti Dinar
+               
+            </option>
+            <option
+              value="LKR"
+            >
+              Sri Lankan Rupee
+               
+            </option>
+            <option
+              value="MMK"
+            >
+              Myanmar Kyat
+               
+            </option>
+            <option
+              value="MXN"
+            >
+              Mexican Peso
+               
+            </option>
+            <option
+              value="MYR"
+            >
+              Malaysian Ringgit
+               
+            </option>
+            <option
+              value="NGN"
+            >
+              Nigerian Naira
+               
+            </option>
+            <option
+              value="NOK"
+            >
+              Norwegian Krone
+               
+            </option>
+            <option
+              value="NZD"
+            >
+              New Zealand Dollar
+               
+            </option>
+            <option
+              value="PHP"
+            >
+              Philippine Peso
+               
+            </option>
+            <option
+              value="PKR"
+            >
+              Pakistani Rupee
+               
+            </option>
+            <option
+              value="PLN"
+            >
+              Polish Złoty
+               
+            </option>
+            <option
+              value="RUB"
+            >
+              Russian Ruble
+               
+            </option>
+            <option
+              value="SAR"
+            >
+              Saudi Riyal
+               
+            </option>
+            <option
+              value="SEK"
+            >
+              Swedish Krona
+               
+            </option>
+            <option
+              value="SGD"
+            >
+              Singapore Dollar
+               
+            </option>
+            <option
+              value="THB"
+            >
+              Thai Baht
+               
+            </option>
+            <option
+              value="TRY"
+            >
+              Turkish Lira
+               
+            </option>
+            <option
+              value="TWD"
+            >
+              New Taiwan Dollar
+               
+            </option>
+            <option
+              value="UAH"
+            >
+              Ukrainian Hryvnia
+               
+            </option>
+            <option
+              value="USD"
+            >
+              United States Dollar
+               
+            </option>
+            <option
+              value="VEF"
+            >
+              Venezuelan Bolívar Fuerte
+               
+            </option>
+            <option
+              value="VND"
+            >
+              Vietnamese Dồng
+               
+            </option>
+            <option
+              value="ZAR"
+            >
+              South African Rand
+               
+            </option>
+            
+          </select>
+        </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
+      </div>
+    </article>
+     
+    <hr />
+     
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Support
+        </h3>
+      </header>
+       
+      <p>
+        Need help or have feedback? Explore the 
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://docs.dusk.network"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Dusk Docs
+        </a>
+        
+        for detailed documentation, join the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://discord.gg/dusk-official"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          community Discord
+        </a>
+         for questions and discussions, and visit the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://github.com/dusk-network/rusk"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          GitHub repository
+        </a>
+         to view known issues, report bugs, or share feedback.
+      </p>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Reset wallet
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <p>
+          Resetting your wallet clears the cache and restores default settings
+          without affecting your funds or transaction history. You’ll need your
+          mnemonic phrase to restore access, so ensure it’s securely stored
+          before proceeding.
+        </p>
+         
+        
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default settings-group__button--state--danger"
+          data-tooltip-disabled="true"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Not allowed to reset while syncing"
+          data-tooltip-type="warning"
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            Reset Wallet
+          </span>
+        </button>
+      </div>
+    </article>
+  </div>
+</section>
+`;
+
+exports[`Settings > should render the settings page displaying the status of the network 2`] = `
+<section
+  class="settings"
+>
+  <header
+    class="settings__header"
+  >
+    <h2>
+      Settings
+    </h2>
+  </header>
+   
+  <div
+    class="settings__content"
+  >
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Gas
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <label
+          class="gas-control svelte-1p4ekyk"
+        >
+          <span
+            class="gas-control__label svelte-1p4ekyk"
+          >
+            Price (lux):
+          </span>
+           
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
+         
+        <label
+          class="gas-control svelte-1p4ekyk"
+        >
+          <span
+            class="gas-control__label svelte-1p4ekyk"
+          >
+            Gas Limit (unit):
+          </span>
+           
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
           
-          <!--&lt;Icon&gt;-->
+        </label>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            Reset to defaults
+          </span>
+        </button>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Preferences
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <label
+          class="settings-group__control settings-group__control--with-label"
+        >
+          <span>
+            Currency:
+          </span>
            
-          <h3
-            class="h4 settings-group__heading s-EBshooXNO1eQ"
+          <select
+            class="dusk-select settings-group__control settings-group__control--with-label"
           >
-            Danger zone
-          </h3>
-        </header>
+            <option
+              value="AED"
+            >
+              United Arab Emirates Dirham
+               
+            </option>
+            <option
+              value="ARS"
+            >
+              Argentine Peso
+               
+            </option>
+            <option
+              value="AUD"
+            >
+              Australian Dollar
+               
+            </option>
+            <option
+              value="BDT"
+            >
+              Bangladeshi Taka
+               
+            </option>
+            <option
+              value="BHD"
+            >
+              Bahraini Dinar
+               
+            </option>
+            <option
+              value="BMD"
+            >
+              Bermudian Dollar
+               
+            </option>
+            <option
+              value="BRL"
+            >
+              Brazilian Real
+               
+            </option>
+            <option
+              value="CAD"
+            >
+              Canadian Dollar
+               
+            </option>
+            <option
+              value="CFH"
+            >
+              Swiss Franc
+               
+            </option>
+            <option
+              value="CLP"
+            >
+              Chilean Peso
+               
+            </option>
+            <option
+              value="CNY"
+            >
+              Renminbi
+               
+            </option>
+            <option
+              value="CZK"
+            >
+              Czech Koruna
+               
+            </option>
+            <option
+              value="DKK"
+            >
+              Danish Krone
+               
+            </option>
+            <option
+              value="EUR"
+            >
+              Euro
+               
+            </option>
+            <option
+              value="GBP"
+            >
+              Pound Sterling
+               
+            </option>
+            <option
+              value="HKD"
+            >
+              Hong Kong Dollar
+               
+            </option>
+            <option
+              value="HUF"
+            >
+              Hungarian Forint
+               
+            </option>
+            <option
+              value="IDR"
+            >
+              Indonesian Rupiah
+               
+            </option>
+            <option
+              value="ILS"
+            >
+              Israeli New Shekel
+               
+            </option>
+            <option
+              value="INR"
+            >
+              Indian Rupee
+               
+            </option>
+            <option
+              value="JPY"
+            >
+              Japanese Yen
+               
+            </option>
+            <option
+              value="KRW"
+            >
+              South Korean Won
+               
+            </option>
+            <option
+              value="KWD"
+            >
+              Kuwaiti Dinar
+               
+            </option>
+            <option
+              value="LKR"
+            >
+              Sri Lankan Rupee
+               
+            </option>
+            <option
+              value="MMK"
+            >
+              Myanmar Kyat
+               
+            </option>
+            <option
+              value="MXN"
+            >
+              Mexican Peso
+               
+            </option>
+            <option
+              value="MYR"
+            >
+              Malaysian Ringgit
+               
+            </option>
+            <option
+              value="NGN"
+            >
+              Nigerian Naira
+               
+            </option>
+            <option
+              value="NOK"
+            >
+              Norwegian Krone
+               
+            </option>
+            <option
+              value="NZD"
+            >
+              New Zealand Dollar
+               
+            </option>
+            <option
+              value="PHP"
+            >
+              Philippine Peso
+               
+            </option>
+            <option
+              value="PKR"
+            >
+              Pakistani Rupee
+               
+            </option>
+            <option
+              value="PLN"
+            >
+              Polish Złoty
+               
+            </option>
+            <option
+              value="RUB"
+            >
+              Russian Ruble
+               
+            </option>
+            <option
+              value="SAR"
+            >
+              Saudi Riyal
+               
+            </option>
+            <option
+              value="SEK"
+            >
+              Swedish Krona
+               
+            </option>
+            <option
+              value="SGD"
+            >
+              Singapore Dollar
+               
+            </option>
+            <option
+              value="THB"
+            >
+              Thai Baht
+               
+            </option>
+            <option
+              value="TRY"
+            >
+              Turkish Lira
+               
+            </option>
+            <option
+              value="TWD"
+            >
+              New Taiwan Dollar
+               
+            </option>
+            <option
+              value="UAH"
+            >
+              Ukrainian Hryvnia
+               
+            </option>
+            <option
+              value="USD"
+            >
+              United States Dollar
+               
+            </option>
+            <option
+              value="VEF"
+            >
+              Venezuelan Bolívar Fuerte
+               
+            </option>
+            <option
+              value="VND"
+            >
+              Vietnamese Dồng
+               
+            </option>
+            <option
+              value="ZAR"
+            >
+              South African Rand
+               
+            </option>
+            
+          </select>
+        </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
+      </div>
+    </article>
+     
+    <hr />
+     
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Support
+        </h3>
+      </header>
+       
+      <p>
+        Need help or have feedback? Explore the 
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://docs.dusk.network"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Dusk Docs
+        </a>
+        
+        for detailed documentation, join the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://discord.gg/dusk-official"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          community Discord
+        </a>
+         for questions and discussions, and visit the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://github.com/dusk-network/rusk"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          GitHub repository
+        </a>
+         to view known issues, report bugs, or share feedback.
+      </p>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Reset wallet
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <p>
+          Resetting your wallet clears the cache and restores default settings
+          without affecting your funds or transaction history. You’ll need your
+          mnemonic phrase to restore access, so ensure it’s securely stored
+          before proceeding.
+        </p>
          
         
-        <!--&lt;ErrorDetails&gt;-->
          
         <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal settings-group__button--state--danger"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default settings-group__button--state--danger"
           data-tooltip-disabled="true"
           data-tooltip-id="main-tooltip"
-          data-tooltip-text="Impossible to reset while a sync is in progress"
+          data-tooltip-text="Not allowed to reset while syncing"
           data-tooltip-type="warning"
           type="button"
         >
@@ -1342,54 +1644,610 @@ exports[`Settings > should render the settings page 1`] = `
             Reset Wallet
           </span>
         </button>
-        <!--&lt;Button&gt;-->
-      </article>
-    </div>
-  </section>
+      </div>
+    </article>
+  </div>
+</section>
+`;
+
+exports[`Settings > should show the wallet creation block height if it's greater than zero 1`] = `
+<section
+  class="settings"
+>
+  <header
+    class="settings__header"
+  >
+    <h2>
+      Settings
+    </h2>
+  </header>
    
   <div
-    class="settings-actions s-EBshooXNO1eQ"
+    class="settings__content"
   >
-    <a
-      aria-disabled="false"
-      class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-      href="/dashboard"
+    <article
+      class="settings-group"
     >
-      <svg
-        class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
+      <header
+        class="settings-group__header"
       >
-        <path
-          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-        />
-      </svg>
-      
-      <!--&lt;Icon&gt;-->
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Gas
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <label
+          class="gas-control svelte-1p4ekyk"
+        >
+          <span
+            class="gas-control__label svelte-1p4ekyk"
+          >
+            Price (lux):
+          </span>
+           
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
+         
+        <label
+          class="gas-control svelte-1p4ekyk"
+        >
+          <span
+            class="gas-control__label svelte-1p4ekyk"
+          >
+            Gas Limit (unit):
+          </span>
+           
+          <input
+            class="dusk-textbox dusk-textbox-text gas-control__input"
+            inputmode="numeric"
+            pattern="\\d+"
+            required=""
+            type="text"
+          />
+          
+        </label>
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default"
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            Reset to defaults
+          </span>
+        </button>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Preferences
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
+      >
+        <label
+          class="settings-group__control settings-group__control--with-label"
+        >
+          <span>
+            Currency:
+          </span>
+           
+          <select
+            class="dusk-select settings-group__control settings-group__control--with-label"
+          >
+            <option
+              value="AED"
+            >
+              United Arab Emirates Dirham
+               
+            </option>
+            <option
+              value="ARS"
+            >
+              Argentine Peso
+               
+            </option>
+            <option
+              value="AUD"
+            >
+              Australian Dollar
+               
+            </option>
+            <option
+              value="BDT"
+            >
+              Bangladeshi Taka
+               
+            </option>
+            <option
+              value="BHD"
+            >
+              Bahraini Dinar
+               
+            </option>
+            <option
+              value="BMD"
+            >
+              Bermudian Dollar
+               
+            </option>
+            <option
+              value="BRL"
+            >
+              Brazilian Real
+               
+            </option>
+            <option
+              value="CAD"
+            >
+              Canadian Dollar
+               
+            </option>
+            <option
+              value="CFH"
+            >
+              Swiss Franc
+               
+            </option>
+            <option
+              value="CLP"
+            >
+              Chilean Peso
+               
+            </option>
+            <option
+              value="CNY"
+            >
+              Renminbi
+               
+            </option>
+            <option
+              value="CZK"
+            >
+              Czech Koruna
+               
+            </option>
+            <option
+              value="DKK"
+            >
+              Danish Krone
+               
+            </option>
+            <option
+              value="EUR"
+            >
+              Euro
+               
+            </option>
+            <option
+              value="GBP"
+            >
+              Pound Sterling
+               
+            </option>
+            <option
+              value="HKD"
+            >
+              Hong Kong Dollar
+               
+            </option>
+            <option
+              value="HUF"
+            >
+              Hungarian Forint
+               
+            </option>
+            <option
+              value="IDR"
+            >
+              Indonesian Rupiah
+               
+            </option>
+            <option
+              value="ILS"
+            >
+              Israeli New Shekel
+               
+            </option>
+            <option
+              value="INR"
+            >
+              Indian Rupee
+               
+            </option>
+            <option
+              value="JPY"
+            >
+              Japanese Yen
+               
+            </option>
+            <option
+              value="KRW"
+            >
+              South Korean Won
+               
+            </option>
+            <option
+              value="KWD"
+            >
+              Kuwaiti Dinar
+               
+            </option>
+            <option
+              value="LKR"
+            >
+              Sri Lankan Rupee
+               
+            </option>
+            <option
+              value="MMK"
+            >
+              Myanmar Kyat
+               
+            </option>
+            <option
+              value="MXN"
+            >
+              Mexican Peso
+               
+            </option>
+            <option
+              value="MYR"
+            >
+              Malaysian Ringgit
+               
+            </option>
+            <option
+              value="NGN"
+            >
+              Nigerian Naira
+               
+            </option>
+            <option
+              value="NOK"
+            >
+              Norwegian Krone
+               
+            </option>
+            <option
+              value="NZD"
+            >
+              New Zealand Dollar
+               
+            </option>
+            <option
+              value="PHP"
+            >
+              Philippine Peso
+               
+            </option>
+            <option
+              value="PKR"
+            >
+              Pakistani Rupee
+               
+            </option>
+            <option
+              value="PLN"
+            >
+              Polish Złoty
+               
+            </option>
+            <option
+              value="RUB"
+            >
+              Russian Ruble
+               
+            </option>
+            <option
+              value="SAR"
+            >
+              Saudi Riyal
+               
+            </option>
+            <option
+              value="SEK"
+            >
+              Swedish Krona
+               
+            </option>
+            <option
+              value="SGD"
+            >
+              Singapore Dollar
+               
+            </option>
+            <option
+              value="THB"
+            >
+              Thai Baht
+               
+            </option>
+            <option
+              value="TRY"
+            >
+              Turkish Lira
+               
+            </option>
+            <option
+              value="TWD"
+            >
+              New Taiwan Dollar
+               
+            </option>
+            <option
+              value="UAH"
+            >
+              Ukrainian Hryvnia
+               
+            </option>
+            <option
+              value="USD"
+            >
+              United States Dollar
+               
+            </option>
+            <option
+              value="VEF"
+            >
+              Venezuelan Bolívar Fuerte
+               
+            </option>
+            <option
+              value="VND"
+            >
+              Vietnamese Dồng
+               
+            </option>
+            <option
+              value="ZAR"
+            >
+              South African Rand
+               
+            </option>
+            
+          </select>
+        </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Wallet Creation Block Height
+        </h3>
+      </header>
        
-      <span
-        class="dusk-anchor-button__text"
+      <div
+        class="copy-field settings-group__control"
+      >
+        <input
+          class="dusk-textbox dusk-textbox-text copy-field__content"
+          readonly=""
+          type="text"
+        />
+        
+         
+        <button
+          aria-label="Copy Address"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button copy-field__button"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Copy to clipboard"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+            />
+          </svg>
+          
+           
+          
+        </button>
+      </div>
+    </article>
+     
+    <hr />
+     
+    <article
+      class="settings-group"
+    >
+      <header
+        class="settings-group__header"
       >
-        Back
-      </span>
-      
-      
-    </a>
-    <!--&lt;Anchor&gt;-->
-    <!--&lt;AnchorButton&gt;-->
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Support
+        </h3>
+      </header>
+       
+      <p>
+        Need help or have feedback? Explore the 
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://docs.dusk.network"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Dusk Docs
+        </a>
+        
+        for detailed documentation, join the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://discord.gg/dusk-official"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          community Discord
+        </a>
+         for questions and discussions, and visit the
+        
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://github.com/dusk-network/rusk"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          GitHub repository
+        </a>
+         to view known issues, report bugs, or share feedback.
+      </p>
+    </article>
+     
+    <hr />
      
-    <button
-      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal"
-      type="button"
+    <article
+      class="settings-group"
     >
-      <span
-        class="dusk-button__text"
+      <header
+        class="settings-group__header"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7"
+          />
+        </svg>
+        
+         
+        <h3
+          class="h4 settings-group__heading"
+        >
+          Reset wallet
+        </h3>
+      </header>
+       
+      <div
+        class="settings-group__multi-control-content"
       >
-        Log out
-      </span>
-    </button>
-    <!--&lt;Button&gt;-->
+        <p>
+          Resetting your wallet clears the cache and restores default settings
+          without affecting your funds or transaction history. You’ll need your
+          mnemonic phrase to restore access, so ensure it’s securely stored
+          before proceeding.
+        </p>
+         
+        
+         
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default settings-group__button--state--danger"
+          data-tooltip-disabled="true"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Not allowed to reset while syncing"
+          data-tooltip-type="warning"
+          type="button"
+        >
+          <span
+            class="dusk-button__text"
+          >
+            Reset Wallet
+          </span>
+        </button>
+      </div>
+    </article>
   </div>
-  <!--&lt;+page&gt;-->
-</div>
+</section>
 `;
diff --git a/src/routes/(app)/settings/__tests__/page.spec.js b/src/routes/(app)/settings/__tests__/page.spec.js
index 46c12b18..412e064c 100644
--- a/src/routes/(app)/settings/__tests__/page.spec.js
+++ b/src/routes/(app)/settings/__tests__/page.spec.js
@@ -1,162 +1,226 @@
 import {
-	afterAll,
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	vi
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
 import { act, cleanup, fireEvent, render } from "@testing-library/svelte";
-import * as appNavigation from "$app/navigation";
+import { get } from "svelte/store";
+import { setKey } from "lamb";
 
-import mockedWalletStore from "../../__mocks__/mockedWalletStore";
-import { settingsStore, walletStore } from "$lib/stores";
+import mockedWalletStore from "$lib/mocks/mockedWalletStore";
+import * as navigation from "$lib/navigation";
+import {
+  gasStore,
+  networkStore,
+  settingsStore,
+  walletStore,
+} from "$lib/stores";
+import loginInfoStorage from "$lib/services/loginInfoStorage";
 
 import Settings from "../+page.svelte";
 
-vi.mock("$lib/stores", async importOriginal => {
-	/** @type {import("$lib/stores/stores").WalletStore} */
-	const original = await importOriginal();
-
-	return {
-		...original,
-		walletStore: {
-			...(await vi.importMock("$lib/stores/walletStore")).default,
-			...mockedWalletStore
-		}
-	};
+/**
+ * @param {HTMLElement} input
+ * @param {*} value
+ * @returns {Promise<boolean>}
+ */
+const fireInput = (input, value) =>
+  fireEvent.input(input, { target: { value } });
+
+/** @param {HTMLElement} element */
+const asInput = (element) => /** @type {HTMLInputElement} */ (element);
+
+vi.mock("$lib/stores", async (importOriginal) => {
+  /** @type {WalletStore} */
+  const original = await importOriginal();
+
+  return {
+    ...original,
+    walletStore: {
+      // @ts-ignore
+      ...(await vi.importMock("$lib/stores/walletStore")).default,
+      ...mockedWalletStore,
+    },
+  };
 });
 
 vi.useFakeTimers();
 
 describe("Settings", () => {
-	const initialWalletStoreState = structuredClone(mockedWalletStore.getMockedStoreValue());
-	const gotoSpy = vi.spyOn(appNavigation, "goto");
-	const resetSpy = vi.spyOn(walletStore, "reset");
-
-	beforeEach(() => {
-		mockedWalletStore.setMockedStoreValue(initialWalletStoreState);
-	});
-
-	afterEach(() => {
-		cleanup();
-		gotoSpy.mockClear();
-		resetSpy.mockClear();
-	});
-
-	afterAll(() => {
-		gotoSpy.mockRestore();
-		resetSpy.mockRestore();
-		vi.doUnmock("$lib/stores");
-	});
-
-	it("should render the settings page", () => {
-		const { container } = render(Settings, {});
-
-		expect(container.firstChild).toMatchSnapshot();
-	});
-
-	it("should disable the reset button while a sync is in progress", async () => {
-		const { getByRole } = render(Settings);
-		const resetButton = getByRole("button", { name: /reset/i });
-
-		expect(resetButton).not.toHaveAttribute("disabled");
-		expect(resetButton).toHaveAttribute("data-tooltip-disabled", "true");
-
-		await act(() => {
-			mockedWalletStore.setMockedStoreValue({
-				...initialWalletStoreState,
-				isSyncing: true
-			});
-		});
-
-		expect(resetButton).toHaveAttribute("disabled");
-		expect(resetButton).toHaveAttribute("data-tooltip-disabled", "false");
-	});
-
-	it("should reset wallet store and navigate to login page on clicking the Log Out button", async () => {
-		const { getByRole } = render(Settings);
-
-		const button = getByRole("button", { name: "Log out" });
-
-		await fireEvent.click(button);
-		await vi.advanceTimersToNextTimerAsync();
-
-		expect(resetSpy).toHaveBeenCalledTimes(1);
-		expect(gotoSpy).toHaveBeenCalledTimes(1);
-		expect(gotoSpy).toHaveBeenCalledWith("/");
-	});
-
-	describe("Resetting the wallet", () => {
-		const clearDataSpy = vi.spyOn(walletStore, "clearLocalData").mockResolvedValue(void 0);
-		const confirmSpy = vi.spyOn(window, "confirm").mockReturnValue(true);
-		const settingsResetSpy = vi.spyOn(settingsStore, "reset");
-
-		afterEach(() => {
-			clearDataSpy.mockClear();
-			confirmSpy.mockClear();
-			settingsResetSpy.mockClear();
-		});
-
-		afterAll(() => {
-			clearDataSpy.mockRestore();
-			confirmSpy.mockRestore();
-			settingsResetSpy.mockRestore();
-		});
-
-		it("should clear local data and settings and then log out the user if the reset button is clicked and the user confirms the operation", async () => {
-			const { getByRole } = render(Settings);
-			const resetButton = getByRole("button", { name: /reset/i });
-
-			await fireEvent.click(resetButton);
-
-			expect(confirmSpy).toHaveBeenCalledTimes(1);
-			expect(clearDataSpy).toHaveBeenCalledTimes(1);
-
-			await vi.advanceTimersToNextTimerAsync();
-
-			expect(settingsResetSpy).toHaveBeenCalledTimes(1);
-			expect(resetSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/");
-		});
-
-		it("should do nothing if the user doesn't confirm the reset", async () => {
-			confirmSpy.mockReturnValueOnce(false);
-
-			const { getByRole } = render(Settings);
-			const resetButton = getByRole("button", { name: /reset/i });
+  const initialWalletStoreState = structuredClone(
+    mockedWalletStore.getMockedStoreValue()
+  );
+  const logoutSpy = vi.spyOn(navigation, "logout");
+
+  beforeEach(async () => {
+    await networkStore.connect();
+    mockedWalletStore.setMockedStoreValue(initialWalletStoreState);
+  });
+
+  afterEach(() => {
+    cleanup();
+    logoutSpy.mockClear();
+  });
+
+  afterAll(() => {
+    logoutSpy.mockRestore();
+    vi.doUnmock("$lib/stores");
+  });
+
+  it("should render the settings page displaying the status of the network", async () => {
+    const { container } = render(Settings, {});
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    await networkStore.disconnect();
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should show the wallet creation block height if it's greater than zero", () => {
+    settingsStore.update(setKey("walletCreationBlockHeight", 123n));
+
+    const { container, getByDisplayValue } = render(Settings, {});
+    const creationBlockInput = getByDisplayValue("123");
+
+    expect(creationBlockInput).toBeInTheDocument();
+    expect(container.firstChild).toMatchSnapshot();
+
+    settingsStore.reset();
+  });
+
+  it("should disable the reset wallet button while a sync is in progress", async () => {
+    const { getByRole } = render(Settings);
+    const resetButton = getByRole("button", { name: /reset wallet/i });
+
+    expect(resetButton).not.toHaveAttribute("disabled");
+    expect(resetButton).toHaveAttribute("data-tooltip-disabled", "true");
+
+    await act(() => {
+      mockedWalletStore.setMockedStoreValue({
+        ...initialWalletStoreState,
+        syncStatus: {
+          ...initialWalletStoreState.syncStatus,
+          isInProgress: true,
+        },
+      });
+    });
+
+    expect(resetButton).toHaveAttribute("disabled");
+    expect(resetButton).toHaveAttribute("data-tooltip-disabled", "false");
+  });
 
-			await fireEvent.click(resetButton);
+  it('should disable the "Back" button if invalid gas limit or price are introduced', async () => {
+    const { gasLimitLower, gasLimitUpper, gasPriceLower } = get(gasStore);
+    const { getByLabelText, getByRole } = render(Settings, {});
+    const priceInput = asInput(getByLabelText(/price/i));
+    const limitInput = asInput(getByLabelText(/limit/i));
+    const backButton = getByRole("link", { name: /back/i });
 
-			expect(confirmSpy).toHaveBeenCalledTimes(1);
-			expect(clearDataSpy).not.toHaveBeenCalled();
+    await fireInput(priceInput, String(gasPriceLower - 1n));
+    expect(backButton).toHaveAttribute("aria-disabled", "true");
+    await fireInput(priceInput, gasPriceLower.toString());
+    expect(backButton).toHaveAttribute("aria-disabled", "false");
+
+    await fireInput(limitInput, String(gasLimitLower - 1n));
+    expect(backButton).toHaveAttribute("aria-disabled", "true");
+    await fireInput(limitInput, gasLimitLower.toString());
+    expect(backButton).toHaveAttribute("aria-disabled", "false");
+    await fireInput(limitInput, String(gasLimitUpper + 1n));
+    expect(backButton).toHaveAttribute("aria-disabled", "true");
+    await fireInput(limitInput, gasLimitUpper.toString());
+    expect(backButton).toHaveAttribute("aria-disabled", "false");
+  });
+
+  it("should reset wallet store and navigate to landing page on clicking the Lock Wallet button", async () => {
+    const { getByRole } = render(Settings);
+
+    const button = getByRole("button", { name: "Lock Wallet" });
+
+    await fireEvent.click(button);
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(logoutSpy).toHaveBeenCalledTimes(1);
+    expect(logoutSpy).toHaveBeenCalledWith(false);
+  });
+
+  describe("Resetting the wallet", () => {
+    const clearDataSpy = vi
+      .spyOn(walletStore, "clearLocalData")
+      .mockResolvedValue(void 0);
+    const confirmSpy = vi.spyOn(window, "confirm").mockReturnValue(true);
+    const settingsResetSpy = vi.spyOn(settingsStore, "reset");
+    const loginInfoStorageSpy = vi.spyOn(loginInfoStorage, "remove");
 
-			await vi.advanceTimersToNextTimerAsync();
+    beforeEach(() => {
+      clearDataSpy.mockClear();
+      confirmSpy.mockClear();
+      settingsResetSpy.mockClear();
+      loginInfoStorageSpy.mockClear();
+    });
 
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(resetSpy).not.toHaveBeenCalled();
-			expect(gotoSpy).not.toHaveBeenCalled();
-		});
+    afterAll(() => {
+      clearDataSpy.mockRestore();
+      confirmSpy.mockRestore();
+      settingsResetSpy.mockRestore();
+      loginInfoStorageSpy.mockRestore();
+    });
 
-		it("should show an error if clearing local data fails", async () => {
-			clearDataSpy.mockRejectedValueOnce(new Error("Clear data error"));
+    it("should clear local data, settings, and login info before logging out the user if the reset wallet button is clicked and the user confirms the operation", async () => {
+      const { getByRole } = render(Settings);
+      const resetButton = getByRole("button", { name: /reset wallet/i });
 
-			const { container, getByRole } = render(Settings);
-			const resetButton = getByRole("button", { name: /reset/i });
+      await fireEvent.click(resetButton);
 
-			await fireEvent.click(resetButton);
+      expect(confirmSpy).toHaveBeenCalledTimes(1);
+      expect(clearDataSpy).toHaveBeenCalledTimes(1);
+
+      await vi.advanceTimersToNextTimerAsync();
 
-			expect(confirmSpy).toHaveBeenCalledTimes(1);
-			expect(clearDataSpy).toHaveBeenCalledTimes(1);
+      expect(loginInfoStorageSpy).toHaveBeenCalledTimes(1);
+      expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+      expect(logoutSpy).toHaveBeenCalledTimes(1);
+      expect(logoutSpy).toHaveBeenCalledWith(false);
+    });
+
+    it("should do nothing if the user doesn't confirm the reset", async () => {
+      confirmSpy.mockReturnValueOnce(false);
+
+      const { getByRole } = render(Settings);
+      const resetButton = getByRole("button", { name: /reset wallet/i });
+
+      await fireEvent.click(resetButton);
+
+      expect(confirmSpy).toHaveBeenCalledTimes(1);
+      expect(clearDataSpy).not.toHaveBeenCalled();
+
+      await vi.advanceTimersToNextTimerAsync();
+
+      expect(loginInfoStorageSpy).not.toHaveBeenCalled();
+      expect(settingsResetSpy).not.toHaveBeenCalled();
+      expect(logoutSpy).not.toHaveBeenCalled();
+    });
+
+    it("should show an error if clearing local data fails", async () => {
+      clearDataSpy.mockRejectedValueOnce(new Error("Clear data error"));
+
+      const { container, getByRole } = render(Settings);
+      const resetButton = getByRole("button", { name: /reset wallet/i });
+
+      await fireEvent.click(resetButton);
 
-			await vi.advanceTimersToNextTimerAsync();
+      expect(confirmSpy).toHaveBeenCalledTimes(1);
+      expect(clearDataSpy).toHaveBeenCalledTimes(1);
+
+      await vi.advanceTimersToNextTimerAsync();
 
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(resetSpy).not.toHaveBeenCalled();
-			expect(gotoSpy).not.toHaveBeenCalled();
-			expect(container.firstChild).toMatchSnapshot();
-		});
-	});
+      expect(settingsResetSpy).not.toHaveBeenCalled();
+      expect(logoutSpy).not.toHaveBeenCalled();
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/routes/(welcome)/+layout.js b/src/routes/(welcome)/+layout.js
new file mode 100644
index 00000000..c6378f04
--- /dev/null
+++ b/src/routes/(welcome)/+layout.js
@@ -0,0 +1,8 @@
+import { redirect } from "$lib/navigation";
+
+/** @type {import("./$types").LayoutLoad} */
+export async function load() {
+  if (import.meta.env.VITE_MODE_MAINTENANCE === "true") {
+    redirect(307, "/maintenance");
+  }
+}
diff --git a/src/routes/(welcome)/+layout.svelte b/src/routes/(welcome)/+layout.svelte
index f8ca22f1..07176924 100644
--- a/src/routes/(welcome)/+layout.svelte
+++ b/src/routes/(welcome)/+layout.svelte
@@ -1,9 +1,83 @@
+<script>
+  import { Button, ErrorDetails, Throbber } from "$lib/dusk/components";
+  import { AppImage, Banner } from "$lib/components";
+  import { networkStore, settingsStore } from "$lib/stores";
+
+  const { darkMode } = $settingsStore;
+
+  let retryKey = 0;
+
+  /** @param {Event} event */
+  function handleRetry(event) {
+    event.preventDefault();
+
+    retryKey ^= 1;
+  }
+</script>
+
 <header>
-	<img
-		src="/dusk_logo.svg"
-		alt="Dusk Logo"
-		width="129"
-		height="31"/>
+  <AppImage
+    src={darkMode ? "/dusk_logo_light.svg" : "/dusk_logo.svg"}
+    alt="Dusk Logo"
+    width="129"
+    height="31"
+  />
 </header>
 
-<slot/>
+{#key retryKey}
+  {#await networkStore.connect().then(() => networkStore.init())}
+    <div class="welcome-layout__loading">
+      <Throbber />
+      <strong>CONNECTING TO THE NETWORK</strong>
+    </div>
+  {:then}
+    <slot />
+  {:catch error}
+    <div class="welcome-layout__error-container">
+      <Banner
+        className="welcome-layout__error"
+        title="Network Connection Issue"
+        variant="error"
+      >
+        <p>
+          The Web Wallet is currently unable to connect to the network. Please
+          click "Retry" to attempt connecting again or check back in a few
+          minutes.
+        </p>
+        <ErrorDetails {error} summary="Error details" />
+      </Banner>
+      <Button
+        className="welcome-layout__retry-button"
+        text="Retry"
+        on:click={handleRetry}
+      />
+    </div>
+  {/await}
+{/key}
+
+<style lang="postcss">
+  .welcome-layout__error-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--medium-gap);
+    width: 100%;
+  }
+  :global {
+    .welcome-layout__loading {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--medium-gap);
+    }
+
+    .welcome-layout__error > .banner__content {
+      gap: var(--medium-gap);
+    }
+
+    .welcome-layout__retry-button {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/src/routes/(welcome)/forced-logout/+page.svelte b/src/routes/(welcome)/forced-logout/+page.svelte
new file mode 100644
index 00000000..9f55e56b
--- /dev/null
+++ b/src/routes/(welcome)/forced-logout/+page.svelte
@@ -0,0 +1,44 @@
+<script>
+  import { onMount } from "svelte";
+  import { AppAnchorButton } from "$lib/components";
+  import { WarningCard } from "$lib/containers/Cards";
+
+  onMount(() => {
+    // eslint-disable-next-line no-alert
+    alert(
+      [
+        "You have been automatically logged out as another ",
+        "tab or window unlocked a different wallet.",
+      ].join("")
+    );
+  });
+</script>
+
+<section class="forced-logout">
+  <WarningCard heading="You have been automatically logged out">
+    <div>
+      <p>
+        Another tab or window unlocked a different wallet and replaced the local
+        cache.
+      </p>
+      <p>
+        When you log in again with the mnemonic you used in this session, you
+        will need to wait for a full sync.
+      </p>
+    </div>
+  </WarningCard>
+  <AppAnchorButton data-sveltekit-replacestate href="/" text="HOME" />
+</section>
+
+<style>
+  .forced-logout {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    justify-content: space-between;
+  }
+
+  p + p {
+    margin-top: var(--default-gap);
+  }
+</style>
diff --git a/src/routes/(welcome)/forced-logout/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/forced-logout/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..b0a00302
--- /dev/null
+++ b/src/routes/(welcome)/forced-logout/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,77 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Forced logout page > should render the page alert the user about the forced logout on mount 1`] = `
+<section
+  class="forced-logout svelte-u7eq0k"
+>
+  <div
+    class="dusk-card dusk-card--gap-default"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container dusk-card__heading-container--warning-card"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+            />
+          </svg>
+          
+           
+          <h3
+            class="h4"
+          >
+            You have been automatically logged out
+          </h3>
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <div>
+        <p
+          class="svelte-u7eq0k"
+        >
+          Another tab or window unlocked a different wallet and replaced the local
+        cache.
+        </p>
+         
+        <p
+          class="svelte-u7eq0k"
+        >
+          When you log in again with the mnemonic you used in this session, you
+        will need to wait for a full sync.
+        </p>
+      </div>
+    </div>
+     
+  </div>
+  
+   
+  <a
+    aria-disabled="false"
+    class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default"
+    data-sveltekit-replacestate="true"
+    href="/some-base-path/"
+  >
+    <span
+      class="dusk-anchor-button__text"
+    >
+      HOME
+    </span>
+    
+  </a>
+</section>
+`;
diff --git a/src/routes/(welcome)/forced-logout/__tests__/page.spec.js b/src/routes/(welcome)/forced-logout/__tests__/page.spec.js
new file mode 100644
index 00000000..06773d4b
--- /dev/null
+++ b/src/routes/(welcome)/forced-logout/__tests__/page.spec.js
@@ -0,0 +1,24 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+
+import LogoutPage from "../+page.svelte";
+
+describe("Forced logout page", () => {
+  const jsDomAlert = window.alert;
+
+  window.alert = vi.fn();
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    window.alert = jsDomAlert;
+  });
+
+  it("should render the page alert the user about the forced logout on mount", () => {
+    const { container } = render(LogoutPage);
+
+    expect(window.alert).toHaveBeenCalledTimes(1);
+    expect(window.alert).toHaveBeenCalledWith(expect.any(String));
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/src/routes/(welcome)/login/+page.svelte b/src/routes/(welcome)/login/+page.svelte
deleted file mode 100644
index 75da2d0e..00000000
--- a/src/routes/(welcome)/login/+page.svelte
+++ /dev/null
@@ -1,157 +0,0 @@
-<svelte:options immutable={true}/>
-
-<script>
-	import { mdiArrowLeft, mdiFileKeyOutline, mdiKeyOutline } from "@mdi/js";
-	import { goto } from "$app/navigation";
-	import { validateMnemonic } from "bip39";
-	import { setKey } from "lamb";
-	import {
-		AnchorButton,
-		Button,
-		Card,
-		Textbox
-	} from "$lib/dusk/components";
-	import { settingsStore, walletStore } from "$lib/stores";
-	import { decryptMnemonic, getSeedFromMnemonic } from "$lib/wallet";
-	import loginInfoStorage from "$lib/services/loginInfoStorage";
-	import { getWallet } from "$lib/services/wallet";
-
-	/**
-	 * @typedef {import("@dusk-network/dusk-wallet-js").Wallet} Wallet
-	 */
-
-	/** @type {(wallet: Wallet) => Promise<Wallet>} */
-	async function checkLocalData (wallet) {
-		const defaultAddress = wallet.getPsks()[0];
-		const currentAddress = $settingsStore.userId;
-
-		if (defaultAddress !== currentAddress) {
-			await wallet.reset();
-			settingsStore.reset();
-			settingsStore.update(setKey("userId", defaultAddress));
-		}
-
-		return wallet;
-	}
-
-	/** @type {(mnemonic: string) => Promise<Uint8Array>} */
-	const getSeedFromMnemonicAsync = async mnemonic => (
-		validateMnemonic(mnemonic)
-			? getSeedFromMnemonic(mnemonic)
-			: Promise.reject(new Error("Invalid mnemonic"))
-	);
-
-	/** @type {(loginInfo: MnemonicEncryptInfo) => (pwd: string) => Promise<Uint8Array>} */
-	const getSeedFromInfo = loginInfo => pwd => decryptMnemonic(loginInfo, pwd)
-		.then(getSeedFromMnemonic, () => Promise.reject(new Error("Wrong password")));
-
-	const loginInfo = loginInfoStorage.get();
-	const modeLabel = loginInfo ? "Password" : "Mnemonic phrase";
-
-	/** @type {Textbox} */
-	let fldSecret;
-
-	/** @type {string} */
-	let secretText = "";
-
-	/** @type {string} */
-	let errorMessage = "";
-
-	/** @type {import("svelte/elements").FormEventHandler<HTMLFormElement>} */
-	function handleUnlockWalletSubmit () {
-		const getSeed = loginInfo ? getSeedFromInfo(loginInfo) : getSeedFromMnemonicAsync;
-
-		getSeed(secretText.trim())
-			.then(getWallet)
-			.then(checkLocalData)
-			.then(wallet => {
-				walletStore.init(wallet);
-			})
-			.then(() => {
-				goto("/dashboard");
-			})
-			.catch(err => {
-				errorMessage = err.message;
-				fldSecret.focus();
-				fldSecret.select();
-			});
-	}
-</script>
-
-<section class="login">
-	<h2 class="h1">
-		Unleash <mark>RWA</mark> and<br/>
-		<mark>Decentralized Finance</mark>
-	</h2>
-	<div class="login">
-		<Card tag="article" iconPath={mdiKeyOutline} heading={modeLabel}>
-			<form
-				class="login__form"
-				on:submit|preventDefault={handleUnlockWalletSubmit}
-			>
-				<Textbox
-					bind:this={fldSecret}
-					bind:value={secretText}
-					name="secret"
-					placeholder={modeLabel}
-					required
-					type="password"
-					autocomplete={loginInfo ? "current-password" : undefined}
-				/>
-				{#if errorMessage}
-					<span class="login__error">{errorMessage}</span>
-				{/if}
-				<Button variant="secondary" text="Unlock Wallet" type="submit"/>
-				{#if modeLabel === "Password"}
-					<AnchorButton variant="quaternary" href="/setup/restore" text="Forgot Password?"/>
-				{/if}
-			</form>
-		</Card>
-		<Card tag="article" heading="Upload DAT file" iconPath={mdiFileKeyOutline}>
-			<Button
-				className="alt-login"
-				variant="tertiary"
-				text="Choose file"
-				disabled={true}/>
-		</Card>
-	</div>
-	<footer class="login-footer">
-		<AnchorButton
-			href="/setup"
-			variant="tertiary"
-			icon={{ path: mdiArrowLeft }}
-			text="Back"
-		/>
-	</footer>
-</section>
-
-<style lang="postcss">
-	.login,
-	.login-footer,
-	.login__form {
-		display: flex;
-		flex-direction: column;
-	}
-
-	.login {
-		height: 100%;
-		overflow-y: auto;
-		gap: var(--large-gap);
-
-		&__form {
-			gap: var(--default-gap);
-		}
-
-		&__error {
-			color: var(--error);
-		}
-	}
-
-	.login-footer {
-		gap: var(--default-gap);
-	}
-
-	:global(.alt-login) {
-		width: 100%;
-	}
-</style>
diff --git a/src/routes/(welcome)/login/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/login/__tests__/__snapshots__/page.spec.js.snap
deleted file mode 100644
index 1d73a6e2..00000000
--- a/src/routes/(welcome)/login/__tests__/__snapshots__/page.spec.js.snap
+++ /dev/null
@@ -1,346 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Login > Mnemonic phrase workflow > should render the login page and show the field to enter the mnemonic phrase, if there is no login info stored 1`] = `
-<div>
-  <section
-    class="login s-diEOsynXV9Ac"
-  >
-    <h2
-      class="h1 s-diEOsynXV9Ac"
-    >
-      Unleash 
-      <mark
-        class="s-diEOsynXV9Ac"
-      >
-        RWA
-      </mark>
-       and
-      <br
-        class="s-diEOsynXV9Ac"
-      />
-       
-      <mark
-        class="s-diEOsynXV9Ac"
-      >
-        Decentralized Finance
-      </mark>
-    </h2>
-     
-    <div
-      class="login s-diEOsynXV9Ac"
-    >
-      <article
-        class="dusk-card"
-      >
-        <header
-          class="dusk-card__header"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-card__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4"
-          >
-            Mnemonic phrase
-          </h3>
-           
-        </header>
-         
-        <form
-          class="login__form s-diEOsynXV9Ac"
-        >
-          <input
-            class="dusk-textbox dusk-textbox-password"
-            name="secret"
-            placeholder="Mnemonic phrase"
-            required=""
-            type="password"
-          />
-          
-          <!--&lt;Textbox&gt;-->
-           
-           
-          <button
-            class="dusk-button dusk-button--type--submit dusk-button--variant--secondary dusk-button--size--normal"
-            type="submit"
-          >
-            <span
-              class="dusk-button__text"
-            >
-              Unlock Wallet
-            </span>
-          </button>
-          <!--&lt;Button&gt;-->
-           
-        </form>
-      </article>
-      
-      <!--&lt;Card&gt;-->
-       
-      <article
-        class="dusk-card"
-      >
-        <header
-          class="dusk-card__header"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-card__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M14 2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V8L14 2M18 20H6V4H13V9H18M12.83 15A3 3 0 1 0 12.83 17H14V19H16V17H17V15M10 17A1 1 0 1 1 11 16A1 1 0 0 1 10 17Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4"
-          >
-            Upload DAT file
-          </h3>
-           
-        </header>
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal alt-login"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="dusk-button__text"
-          >
-            Choose file
-          </span>
-        </button>
-        <!--&lt;Button&gt;-->
-      </article>
-      
-      <!--&lt;Card&gt;-->
-    </div>
-     
-    <footer
-      class="login-footer s-diEOsynXV9Ac"
-    >
-      <a
-        aria-disabled="false"
-        class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-        href="/setup"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-         
-        <span
-          class="dusk-anchor-button__text"
-        >
-          Back
-        </span>
-        
-        
-      </a>
-      <!--&lt;Anchor&gt;-->
-      <!--&lt;AnchorButton&gt;-->
-    </footer>
-  </section>
-  <!--&lt;+page&gt;-->
-</div>
-`;
-
-exports[`Login > Password workflow > should show the password field and the link to restore the wallet if there is login info stored 1`] = `
-<div>
-  <section
-    class="login s-diEOsynXV9Ac"
-  >
-    <h2
-      class="h1 s-diEOsynXV9Ac"
-    >
-      Unleash 
-      <mark
-        class="s-diEOsynXV9Ac"
-      >
-        RWA
-      </mark>
-       and
-      <br
-        class="s-diEOsynXV9Ac"
-      />
-       
-      <mark
-        class="s-diEOsynXV9Ac"
-      >
-        Decentralized Finance
-      </mark>
-    </h2>
-     
-    <div
-      class="login s-diEOsynXV9Ac"
-    >
-      <article
-        class="dusk-card"
-      >
-        <header
-          class="dusk-card__header"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-card__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4"
-          >
-            Password
-          </h3>
-           
-        </header>
-         
-        <form
-          class="login__form s-diEOsynXV9Ac"
-        >
-          <input
-            autocomplete="current-password"
-            class="dusk-textbox dusk-textbox-password"
-            name="secret"
-            placeholder="Password"
-            required=""
-            type="password"
-          />
-          
-          <!--&lt;Textbox&gt;-->
-           
-           
-          <button
-            class="dusk-button dusk-button--type--submit dusk-button--variant--secondary dusk-button--size--normal"
-            type="submit"
-          >
-            <span
-              class="dusk-button__text"
-            >
-              Unlock Wallet
-            </span>
-          </button>
-          <!--&lt;Button&gt;-->
-           
-          <a
-            aria-disabled="false"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--quaternary dusk-anchor-button--size--normal"
-            href="/setup/restore"
-          >
-            <span
-              class="dusk-anchor-button__text"
-            >
-              Forgot Password?
-            </span>
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
-        </form>
-      </article>
-      
-      <!--&lt;Card&gt;-->
-       
-      <article
-        class="dusk-card"
-      >
-        <header
-          class="dusk-card__header"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--normal dusk-card__icon"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M14 2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V8L14 2M18 20H6V4H13V9H18M12.83 15A3 3 0 1 0 12.83 17H14V19H16V17H17V15M10 17A1 1 0 1 1 11 16A1 1 0 0 1 10 17Z"
-            />
-          </svg>
-          
-          <!--&lt;Icon&gt;-->
-           
-          <h3
-            class="h4"
-          >
-            Upload DAT file
-          </h3>
-           
-        </header>
-         
-        <button
-          class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal alt-login"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="dusk-button__text"
-          >
-            Choose file
-          </span>
-        </button>
-        <!--&lt;Button&gt;-->
-      </article>
-      
-      <!--&lt;Card&gt;-->
-    </div>
-     
-    <footer
-      class="login-footer s-diEOsynXV9Ac"
-    >
-      <a
-        aria-disabled="false"
-        class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-        href="/setup"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
-          />
-        </svg>
-        
-        <!--&lt;Icon&gt;-->
-         
-        <span
-          class="dusk-anchor-button__text"
-        >
-          Back
-        </span>
-        
-        
-      </a>
-      <!--&lt;Anchor&gt;-->
-      <!--&lt;AnchorButton&gt;-->
-    </footer>
-  </section>
-  <!--&lt;+page&gt;-->
-</div>
-`;
diff --git a/src/routes/(welcome)/login/__tests__/page.spec.js b/src/routes/(welcome)/login/__tests__/page.spec.js
deleted file mode 100644
index 972b902a..00000000
--- a/src/routes/(welcome)/login/__tests__/page.spec.js
+++ /dev/null
@@ -1,320 +0,0 @@
-import {
-	afterAll,
-	afterEach,
-	beforeAll,
-	describe,
-	expect,
-	it,
-	vi
-} from "vitest";
-import { cleanup, fireEvent, render } from "@testing-library/svelte";
-import { generateMnemonic } from "bip39";
-import * as appNavigation from "$app/navigation";
-import { get } from "svelte/store";
-import { Wallet } from "@dusk-network/dusk-wallet-js";
-import { setKey } from "lamb";
-
-import { getAsHTMLElement } from "$lib/dusk/test-helpers";
-import { settingsStore, walletStore } from "$lib/stores";
-import { encryptMnemonic, getSeedFromMnemonic } from "$lib/wallet";
-import loginInfoStorage from "$lib/services/loginInfoStorage";
-import * as walletService from "$lib/services/wallet";
-
-import Login from "../+page.svelte";
-
-/** @param {HTMLElement} container */
-function getTextInput (container) {
-	// eslint-disable-next-line no-extra-parens
-	return /** @type {HTMLInputElement} */ (container.querySelector("[type='password'"));
-}
-
-describe("Login", async () => {
-	const mnemonic = generateMnemonic();
-	const pwd = "some pwd";
-	const loginInfo = await encryptMnemonic(mnemonic, pwd);
-	const seed = getSeedFromMnemonic(mnemonic);
-	const userId = new Wallet(seed).getPsks()[0];
-	const getErrorElement = () => document.querySelector(".login__error");
-	const getWalletSpy = vi.spyOn(walletService, "getWallet");
-	const gotoSpy = vi.spyOn(appNavigation, "goto");
-	const initSpy = vi.spyOn(walletStore, "init");
-	const settingsResetSpy = vi.spyOn(settingsStore, "reset");
-	const walletResetSpy = vi.spyOn(Wallet.prototype, "reset").mockResolvedValue(void 0);
-
-	afterEach(() => {
-		cleanup();
-		getWalletSpy.mockClear();
-		gotoSpy.mockClear();
-		initSpy.mockClear();
-		settingsStore.reset();
-		settingsResetSpy.mockClear();
-		walletResetSpy.mockClear();
-		walletStore.reset();
-	});
-
-	afterAll(() => {
-		getWalletSpy.mockRestore();
-		gotoSpy.mockRestore();
-		initSpy.mockRestore();
-		settingsResetSpy.mockRestore();
-		walletResetSpy.mockRestore();
-	});
-
-	describe("Mnemonic phrase workflow", () => {
-		it("should render the login page and show the field to enter the mnemonic phrase, if there is no login info stored", () => {
-			const { container } = render(Login, {});
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-
-		it("should show an error message if the user enters an invalid mnemonic", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			expect(getErrorElement()).toBeNull();
-
-			await fireEvent.input(textInput, { target: { value: "foo bar" } });
-			await fireEvent.submit(form, { currentTarget: form });
-
-			const errorElement = await vi.waitUntil(getErrorElement);
-			const selectedText = textInput.value.substring(
-				Number(textInput.selectionStart),
-				Number(textInput.selectionEnd)
-			);
-
-			expect(walletResetSpy).not.toHaveBeenCalled();
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(initSpy).not.toHaveBeenCalled();
-			expect(errorElement?.textContent).toMatch(/mnemonic/i);
-			expect(textInput).toHaveFocus();
-			expect(selectedText).toBe(textInput.value);
-		});
-
-		it("should clear local data and redirect to the dashboard if the user inputs a valid mnemonic different from the last one used", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: mnemonic } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).toHaveBeenCalledTimes(1);
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-
-		it("should not clear local data if the entered mnemonic is the last one used", async () => {
-			settingsStore.update(setKey("userId", userId));
-
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: mnemonic } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).not.toHaveBeenCalled();
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-
-		it("should show an error if the clearing of local data fails", async () => {
-			const errorMessage = "Failed to delete data";
-
-			walletResetSpy.mockRejectedValueOnce(new Error(errorMessage));
-
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			expect(getErrorElement()).toBeNull();
-
-			await fireEvent.input(textInput, { target: { value: mnemonic } });
-			await fireEvent.submit(form, { currentTarget: form });
-
-			const errorElement = await vi.waitUntil(getErrorElement);
-			const selectedText = textInput.value.substring(
-				Number(textInput.selectionStart),
-				Number(textInput.selectionEnd)
-			);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(get(settingsStore).userId).not.toBe(userId);
-			expect(initSpy).not.toHaveBeenCalled();
-			expect(gotoSpy).not.toHaveBeenCalled();
-			expect(errorElement?.textContent).toBe(errorMessage);
-			expect(textInput).toHaveFocus();
-			expect(selectedText).toBe(textInput.value);
-		});
-
-		it("should trim the entered mnemonic before validating it", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: `  \t${mnemonic} \t  ` } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).toHaveBeenCalledTimes(1);
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-	});
-
-	describe("Password workflow", () => {
-		beforeAll(() => {
-			loginInfoStorage.set(loginInfo);
-
-			return () => loginInfoStorage.remove();
-		});
-
-		it("should show the password field and the link to restore the wallet if there is login info stored", () => {
-			const { container } = render(Login, {});
-
-			expect(container.firstChild).toMatchSnapshot();
-		});
-
-		it("should show an error message if the user enters the wrong password", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			expect(getErrorElement()).toBeNull();
-
-			await fireEvent.input(textInput, { target: { value: "foo bar" } });
-			await fireEvent.submit(form, { currentTarget: form });
-
-			const errorElement = await vi.waitUntil(getErrorElement);
-			const selectedText = textInput.value.substring(
-				Number(textInput.selectionStart),
-				Number(textInput.selectionEnd)
-			);
-
-			expect(walletResetSpy).not.toHaveBeenCalled();
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(initSpy).not.toHaveBeenCalled();
-			expect(errorElement?.textContent).toMatch(/password/i);
-			expect(textInput).toHaveFocus();
-			expect(selectedText).toBe(textInput.value);
-		});
-
-		it("should clear local data and redirect to the dashboard if the user inputs the correct password different from the last one used", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: pwd } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).toHaveBeenCalledTimes(1);
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-
-		it("should not clear local data if the entered mnemonic is the last one used", async () => {
-			settingsStore.update(setKey("userId", userId));
-
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: pwd } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).not.toHaveBeenCalled();
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-
-		it("should show an error if the clearing of local data fails", async () => {
-			const errorMessage = "Failed to delete data";
-
-			walletResetSpy.mockRejectedValueOnce(new Error(errorMessage));
-
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			expect(getErrorElement()).toBeNull();
-
-			await fireEvent.input(textInput, { target: { value: pwd } });
-			await fireEvent.submit(form, { currentTarget: form });
-
-			const errorElement = await vi.waitUntil(getErrorElement);
-			const selectedText = textInput.value.substring(
-				Number(textInput.selectionStart),
-				Number(textInput.selectionEnd)
-			);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).not.toHaveBeenCalled();
-			expect(get(settingsStore).userId).not.toBe(userId);
-			expect(initSpy).not.toHaveBeenCalled();
-			expect(gotoSpy).not.toHaveBeenCalled();
-			expect(errorElement?.textContent).toBe(errorMessage);
-			expect(textInput).toHaveFocus();
-			expect(selectedText).toBe(textInput.value);
-		});
-
-		it("should trim the entered password before validating it", async () => {
-			const { container } = render(Login, {});
-			const form = getAsHTMLElement(container, "form");
-			const textInput = getTextInput(container);
-
-			await fireEvent.input(textInput, { target: { value: `  \t${pwd} \t  ` } });
-			await fireEvent.submit(form, { currentTarget: form });
-			await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
-
-			expect(getWalletSpy).toHaveBeenCalledTimes(1);
-			expect(getWalletSpy).toHaveBeenCalledWith(seed);
-			expect(walletResetSpy).toHaveBeenCalledTimes(1);
-			expect(settingsResetSpy).toHaveBeenCalledTimes(1);
-			expect(get(settingsStore).userId).toBe(userId);
-			expect(initSpy).toHaveBeenCalledTimes(1);
-			expect(initSpy).toHaveBeenCalledWith(expect.any(Wallet));
-			expect(gotoSpy).toHaveBeenCalledTimes(1);
-			expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
-		});
-	});
-});
diff --git a/src/routes/(welcome)/setup/+page.svelte b/src/routes/(welcome)/setup/+page.svelte
index 0b387721..2274489a 100644
--- a/src/routes/(welcome)/setup/+page.svelte
+++ b/src/routes/(welcome)/setup/+page.svelte
@@ -1,72 +1,80 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import "css-doodle";
-	import Animation from "./Animation.svelte";
-	import { AnchorButton } from "$lib/dusk/components";
-	import {
-		mdiKeyOutline,
-		mdiRestore,
-		mdiWalletOutline
-	} from "@mdi/js";
+  import "css-doodle";
+  import Animation from "./Animation.svelte";
+  import { AppAnchorButton } from "$lib/components";
+  import { mdiKeyOutline, mdiRestore, mdiWalletOutline } from "@mdi/js";
 </script>
 
 <section class="setup-content">
-	<div class="setup-content__wrapper">
-		<h2 class="h1 setup-heading">
-			Unlocking the Future: <br/>
-			Your <mark>DUSK</mark> Native Wallet
-		</h2>
+  <div class="setup-content__wrapper">
+    <h2 class="h1 setup-heading">
+      Unlocking the Future: <br />
+      Your <mark>DUSK</mark> Native Wallet
+    </h2>
 
-		<div class="setup-content__options">
-			<div class="setup-content__options-group">
-				<AnchorButton
-					href="/setup/create"
-					variant="primary"
-					text="Create new wallet"
-					icon={{ path: mdiWalletOutline }}/>
-				<AnchorButton
-					href="/setup/restore/"
-					variant="tertiary"
-					text="Restore Wallet"
-					icon={{ path: mdiRestore }}/>
-			</div>
-			<Animation/>
-			<AnchorButton
-				href="/login"
-				variant="secondary"
-				text="Access wallet"
-				icon={{ path: mdiKeyOutline }}/>
-		</div>
-	</div>
+    <div class="setup-content__options">
+      <div class="setup-content__options-group">
+        <AppAnchorButton
+          href="/setup/create"
+          text="Create new wallet"
+          icon={{ path: mdiWalletOutline }}
+        />
+        <AppAnchorButton
+          href="/setup/restore/"
+          variant="tertiary"
+          text="Restore Wallet"
+          icon={{ path: mdiRestore }}
+        />
+      </div>
+      <Animation />
+      <AppAnchorButton
+        href="/unlock"
+        text="Unlock Wallet"
+        icon={{ path: mdiKeyOutline }}
+      />
+    </div>
+  </div>
 </section>
 
+<footer class="setup-footer">
+  <span
+    >Web Wallet v{import.meta.env.APP_VERSION} ({import.meta.env
+      .APP_BUILD_INFO})</span
+  >
+</footer>
+
 <style lang="postcss">
-	.setup-content {
-		flex: 1;
+  .setup-content {
+    flex: 1;
+
+    &__wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: var(--large-gap);
+      height: 100%;
+    }
 
-		&__wrapper {
-			display: flex;
-			flex-direction: column;
-			gap: var(--large-gap);
-			height: 100%;
-		}
+    &__options {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 100%;
 
-		&__options {
-			display: flex;
-			flex-direction: column;
-			justify-content: space-between;
-			height: 100%;
+      &-group {
+        display: flex;
+        flex-direction: column;
+        gap: var(--default-gap);
+      }
+    }
+  }
 
-			&-group {
-				display: flex;
-				flex-direction: column;
-				gap: var(--default-gap);
-			}
-		}
-	}
+  .setup-heading {
+    position: relative;
+  }
 
-	.setup-heading {
-		position: relative;
-	}
+  .setup-footer {
+    font-size: 0.75em;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/AllSet.svelte b/src/routes/(welcome)/setup/AllSet.svelte
index 1966c688..fc76e80f 100644
--- a/src/routes/(welcome)/setup/AllSet.svelte
+++ b/src/routes/(welcome)/setup/AllSet.svelte
@@ -1,23 +1,29 @@
 <script>
-	import { Card } from "$lib/dusk/components";
+  import { settingsStore } from "$lib/stores";
+  import { AppImage } from "$lib/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
 
-	/** @type {string} */
-	const allSetIllustration = "/images/onboarding/all_set_illustration.svg";
+  const { darkMode } = $settingsStore;
+
+  const allSetIllustration = "/images/onboarding/all_set_illustration.svg";
+  const allSetIllustrationLight =
+    "/images/onboarding/all_set_illustration_light.svg";
 </script>
 
-<Card heading="You are all set!">
-	<img
-		src={allSetIllustration}
-		width="205"
-		height="182"
-		id="all_set_illustration"
-		alt="All Set"/>
-</Card>
+<IconHeadingCard gap="medium" heading="You are all set!">
+  <AppImage
+    alt="All Set"
+    className="all-set__illustration"
+    height="182"
+    src={darkMode ? allSetIllustrationLight : allSetIllustration}
+    width="205"
+  />
+</IconHeadingCard>
 
-<style>
-	#all_set_illustration {
-		display: block;
-		width: 50%;
-		margin: 1em auto;
-	}
+<style lang="postcss">
+  :global(.all-set__illustration) {
+    display: block;
+    width: 50%;
+    margin: 0 auto 1em auto;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/Animation.svelte b/src/routes/(welcome)/setup/Animation.svelte
index ff21816f..733982f9 100644
--- a/src/routes/(welcome)/setup/Animation.svelte
+++ b/src/routes/(welcome)/setup/Animation.svelte
@@ -1,41 +1,43 @@
 <css-doodle class="animation">
-	<style>
-		--color: var(--home-box-color);
-		--delay: 80s;
+  <!-- prettier-ignore -->
+  <style>
+    --color: var(--home-box-color);
+    --delay: 80s;
 
-		:container {
-			perspective: 15vmin;
-			transform: scale(0.5) translateY(-10%);
-			--deg: @p(-180deg, 180deg);
-			opacity: .4;
-		}
+    :container {
+      perspective: 15vmin;
+      transform: scale(0.5) translateY(-10%);
+      --deg: @p(-180deg, 180deg);
+      opacity: 0.4;
+    }
 
-		@grid: 30x1 / 100% 50% / var(--home-grid-color);
-		@place: center;
-		@size: 18vmin;
+    @grid: 30x1 / 100% 50% / var(--home-grid-color);
+    @place: center;
+    @size: 18vmin;
 
-		border: 1px solid @p(--color);
-		will-change: transform opacity;
-		animation: scale-up @p(--delay) linear infinite;
-		animation-delay: calc(-@p(--delay) / @I * @i);
+    border: 1px solid @p(--color);
+    will-change: transform opacity;
+    animation: scale-up @p(--delay) linear infinite;
+    animation-delay: calc(-@p(--delay) / @I * @i);
 
-		@keyframes scale-up {
-			0%, 95.01%, 100% {
-				transform: translateZ(0) rotate(0);
-				opacity: 1;
-			}
-			95% {
-				transform:
-					translateZ(18vmin) rotateZ(var(--deg));
-					opacity: 0;
-			}
-		}
-	</style>
+    @keyframes scale-up {
+      0%,
+      95.01%,
+      100% {
+        transform: translateZ(0) rotate(0);
+        opacity: 1;
+      }
+      95% {
+        transform: translateZ(18vmin) rotateZ(var(--deg));
+        opacity: 0;
+      }
+    }
+  </style>
 </css-doodle>
 
 <style lang="postcss">
-	.animation {
-		width: 100%;
-		height: 100%;
-	}
+  .animation {
+    width: 100%;
+    height: 100%;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/PasswordSetup.svelte b/src/routes/(welcome)/setup/PasswordSetup.svelte
index 2c8ab968..0a2b0d1a 100644
--- a/src/routes/(welcome)/setup/PasswordSetup.svelte
+++ b/src/routes/(welcome)/setup/PasswordSetup.svelte
@@ -1,86 +1,93 @@
 <script>
-	import {
-		Card,
-		Icon,
-		Textbox
-	} from "$lib/dusk/components";
-	import { mdiAlertOutline, mdiKeyOutline } from "@mdi/js";
+  import { mdiKeyOutline } from "@mdi/js";
+  import { Textbox } from "$lib/dusk/components";
+  import { ToggleableCard } from "$lib/containers/Cards";
+  import { Banner } from "$lib/components";
 
-	/** @type {string} */
-	export let password = "";
+  /** @type {string} */
+  export let password = "";
 
-	/** @type {boolean} */
-	export let isValid = false;
+  /** @type {boolean} */
+  export let isValid = false;
 
-	/** @type {boolean} */
-	export let isToggled = false;
+  /** @type {boolean} */
+  export let isToggled = true;
 
-	/** @type {string} */
-	let confirmPassword = "";
+  /** @type {string} */
+  let confirmPassword = "";
 
-	$: isValid = !isToggled
-		|| ((password.length >= 8 && confirmPassword.length >= 8) && (password === confirmPassword));
+  $: isValid =
+    !isToggled ||
+    (password.length >= 8 &&
+      confirmPassword.length >= 8 &&
+      password === confirmPassword);
 
-	$: if (isToggled) {
-		password = "";
-		confirmPassword = "";
-	}
+  $: if (isToggled) {
+    password = "";
+    confirmPassword = "";
+  }
 </script>
 
-<Card
-	hasToggle
-	bind:isToggled
-	iconPath={mdiKeyOutline}
-	heading="Password">
-	<div class="flex flex-col gap-1">
-		<p>Please store your password safely.</p>
-		<Textbox
-			type="password"
-			autocomplete="new-password"
-			bind:value={password}
-			placeholder="Set Password"/>
-		<div class="confirm-password">
-			<Textbox
-				type="password"
-				autocomplete="new-password"
-				bind:value={confirmPassword}
-				placeholder="Confirm Password"/>
-			{#if password.length < 8}
-				<span class="confirm-password--meta">Password must be at least 8 characters</span>
-			{:else if confirmPassword && password !== confirmPassword}
-				<span
-					class="confirm-password--meta
-						confirm-password--meta--error">Passwords do not match</span>
-			{/if}
-		</div>
-	</div>
-</Card>
+<ToggleableCard heading="Password" iconPath={mdiKeyOutline} bind:isToggled>
+  <p>Please store your password safely.</p>
+  <Textbox
+    className="password-input"
+    type="password"
+    autocomplete="new-password"
+    bind:value={password}
+    placeholder="Set Password"
+  />
+  <div class="confirm-password">
+    <Textbox
+      className="password-input"
+      type="password"
+      autocomplete="new-password"
+      bind:value={confirmPassword}
+      placeholder="Confirm Password"
+    />
+    {#if password.length < 8}
+      <span class="confirm-password--meta"
+        >Password must be at least 8 characters</span
+      >
+    {:else if confirmPassword && password !== confirmPassword}
+      <span
+        class="confirm-password--meta
+						confirm-password--meta--error">Passwords do not match</span
+      >
+    {/if}
+  </div>
+</ToggleableCard>
 
-<div class="notice">
-	<Icon path={mdiAlertOutline} size="large"/>
-	<p>
-		Setting a password for your web wallet is optional. Doing so allows you
-		the convenience of opening your wallet file using a password, but it
-		weakens the overall security. Not using a password requires you to input
-		the full mnemonic to open your wallet.
-	</p>
-</div>
+<Banner
+  title="Setting a password for your web wallet is recommended."
+  variant="info"
+>
+  <p>
+    Without a password, you will need to input your full mnemonic each time to
+    access your wallet. This could expose your mnemonic to potential threats.
+    Setting a password is highly recommended for better wallet security.
+  </p>
+</Banner>
 
 <style lang="postcss">
-	.confirm-password {
-		display: flex;
-		flex-direction: column;
+  .confirm-password {
+    &--meta {
+      display: inline-block;
+      font-size: 0.75em;
+      margin-top: 0.8em;
+      margin-left: 1em;
+      opacity: 0.5;
 
-		&--meta {
-			font-size: 0.75em;
-			margin-top: 0.8em;
-			margin-left: 1em;
-			opacity: .5;
+      &--error {
+        color: var(--error-color);
+        opacity: 1;
+      }
+    }
+  }
 
-			&--error {
-				color: var(--danger-color);
-				opacity: 1;
-			}
-		}
-	}
+  :global(.password-input) {
+    display: flex;
+    margin-top: 1em;
+    width: 100%;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/TermsOfService.svelte b/src/routes/(welcome)/setup/TermsOfService.svelte
index bd26e894..143640cc 100644
--- a/src/routes/(welcome)/setup/TermsOfService.svelte
+++ b/src/routes/(welcome)/setup/TermsOfService.svelte
@@ -1,38 +1,49 @@
 <script>
-	import {
-		Anchor,
-		AnchorButton,
-		Button,
-		Card
-	} from "$lib/dusk/components";
+  import { Button } from "$lib/dusk/components";
+  import { AppAnchor, AppAnchorButton } from "$lib/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
 
-	/** @type {boolean} */
-	export let tosAccepted = false;
+  /** @type {boolean} */
+  export let tosAccepted = false;
 </script>
 
-<section class="flex flex-col flex-1">
-	<Card heading="Terms &amp; Privacy Policy">
-		<div class="flex flex-col gap-1">
-			<p>Our <Anchor
-				href="https://dusk.network/privacy-policy/"
-				rel="noopener noreferrer"
-				target="_blank">Terms &amp; Privacy Policy</Anchor> govern your use of our services,
-			including data handling and user responsibilities.
-			Your privacy and security are our top priorities.</p>
-			<div class="flex gap-1 w-100">
-				<AnchorButton
-					className="flex-1"
-					href="/setup"
-					text="Cancel"
-					variant="tertiary"
-				/>
-				<Button
-					className="flex-1"
-					text="Accept"
-					on:click={() => { tosAccepted = true; }}
-					variant="secondary"
-				/>
-			</div>
-		</div>
-	</Card>
+<section>
+  <IconHeadingCard heading="Terms &amp; Privacy Policy">
+    <p>
+      Our <AppAnchor
+        href="https://dusk.network/privacy-policy/"
+        rel="noopener noreferrer"
+        target="_blank">Terms &amp; Privacy Policy</AppAnchor
+      > govern your use of our services, including data handling and user responsibilities.
+      Your privacy and security are our top priorities.
+    </p>
+    <div class="actions">
+      <AppAnchorButton
+        className="actions__action"
+        href="/setup"
+        text="Cancel"
+        variant="tertiary"
+      />
+      <Button
+        className="actions__action"
+        text="Accept"
+        on:click={() => {
+          tosAccepted = true;
+        }}
+      />
+    </div>
+  </IconHeadingCard>
 </section>
+
+<style lang="postcss">
+  .actions {
+    display: flex;
+    justify-content: space-between;
+    margin-top: var(--default-gap);
+    gap: var(--default-gap);
+  }
+
+  :global(.actions__action) {
+    flex: 1;
+  }
+</style>
diff --git a/src/routes/(welcome)/setup/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/setup/__tests__/__snapshots__/page.spec.js.snap
index 1efaa36a..cb301690 100644
--- a/src/routes/(welcome)/setup/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(welcome)/setup/__tests__/__snapshots__/page.spec.js.snap
@@ -1,163 +1,145 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Setup > should render the Setup page 1`] = `
-<div>
-  <section
-    class="setup-content s-yhWmfXbY838u"
+<section
+  class="setup-content svelte-12gru0s"
+>
+  <div
+    class="setup-content__wrapper svelte-12gru0s"
   >
+    <h2
+      class="h1 setup-heading svelte-12gru0s"
+    >
+      Unlocking the Future: 
+      <br />
+      
+      Your 
+      <mark>
+        DUSK
+      </mark>
+       Native Wallet
+    </h2>
+     
     <div
-      class="setup-content__wrapper s-yhWmfXbY838u"
+      class="setup-content__options svelte-12gru0s"
     >
-      <h2
-        class="h1 setup-heading s-yhWmfXbY838u"
-      >
-        Unlocking the Future: 
-        <br
-          class="s-yhWmfXbY838u"
-        />
-        
-			Your 
-        <mark
-          class="s-yhWmfXbY838u"
-        >
-          DUSK
-        </mark>
-         Native Wallet
-      </h2>
-       
       <div
-        class="setup-content__options s-yhWmfXbY838u"
+        class="setup-content__options-group svelte-12gru0s"
       >
-        <div
-          class="setup-content__options-group s-yhWmfXbY838u"
+        <a
+          aria-disabled="false"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button--labeled"
+          href="/some-base-path/setup/create"
         >
-          <a
-            aria-disabled="false"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-            href="/setup/create"
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
           >
-            <svg
-              class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-anchor-button__text"
-            >
-              Create new wallet
-            </span>
-            
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
+            <path
+              d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z"
+            />
+          </svg>
+          
            
-          <a
-            aria-disabled="false"
-            class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-            href="/setup/restore/"
-          >
-            <svg
-              class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
-              />
-            </svg>
-            
-            <!--&lt;Icon&gt;-->
-             
-            <span
-              class="dusk-anchor-button__text"
-            >
-              Restore Wallet
-            </span>
-            
-            
-          </a>
-          <!--&lt;Anchor&gt;-->
-          <!--&lt;AnchorButton&gt;-->
-        </div>
-         
-        <css-doodle
-          class="animation s-KW_ES-0X66o4"
-        >
-          <style
-            class="s-KW_ES-0X66o4"
+          <span
+            class="dusk-anchor-button__text"
           >
-            --color: var(--home-box-color);
-		--delay: 80s;
-
-		:container {
-			perspective: 15vmin;
-			transform: scale(0.5) translateY(-10%);
-			--deg: @p(-180deg, 180deg);
-			opacity: .4;
-		}
-
-		@grid: 30x1 / 100% 50% / var(--home-grid-color);
-		@place: center;
-		@size: 18vmin;
-
-		border: 1px solid @p(--color);
-		will-change: transform opacity;
-		animation: scale-up @p(--delay) linear infinite;
-		animation-delay: calc(-@p(--delay) / @I * @i);
-
-		@keyframes scale-up {
-			0%, 95.01%, 100% {
-				transform: translateZ(0) rotate(0);
-				opacity: 1;
-			}
-			95% {
-				transform:
-					translateZ(18vmin) rotateZ(var(--deg));
-					opacity: 0;
-			}
-		} *{}
-          </style>
-        </css-doodle>
-        <!--&lt;Animation&gt;-->
+            Create new wallet
+          </span>
+          
+          
+        </a>
          
         <a
           aria-disabled="false"
-          class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--normal dusk-icon-button-labeled"
-          href="/login"
+          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+          href="/some-base-path/setup/restore/"
         >
           <svg
-            class="dusk-icon dusk-icon--size--normal dusk-anchor-button__icon"
+            class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+              d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
             />
           </svg>
           
-          <!--&lt;Icon&gt;-->
            
           <span
             class="dusk-anchor-button__text"
           >
-            Access wallet
+            Restore Wallet
           </span>
           
           
         </a>
-        <!--&lt;Anchor&gt;-->
-        <!--&lt;AnchorButton&gt;-->
       </div>
+       
+      <css-doodle
+        class="animation svelte-u23wmk"
+      >
+        <style>
+          --color: var(--home-box-color);
+    --delay: 80s;
+
+    :container {
+      perspective: 15vmin;
+      transform: scale(0.5) translateY(-10%);
+      --deg: @p(-180deg, 180deg);
+      opacity: 0.4;
+    }
+
+    @grid: 30x1 / 100% 50% / var(--home-grid-color);
+    @place: center;
+    @size: 18vmin;
+
+    border: 1px solid @p(--color);
+    will-change: transform opacity;
+    animation: scale-up @p(--delay) linear infinite;
+    animation-delay: calc(-@p(--delay) / @I * @i);
+
+    @keyframes scale-up {
+      0%,
+      95.01%,
+      100% {
+        transform: translateZ(0) rotate(0);
+        opacity: 1;
+      }
+      95% {
+        transform: translateZ(18vmin) rotateZ(var(--deg));
+        opacity: 0;
+      }
+    }
+        </style>
+      </css-doodle>
+       
+      <a
+        aria-disabled="false"
+        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default dusk-icon-button--labeled"
+        href="/some-base-path/unlock"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+          />
+        </svg>
+        
+         
+        <span
+          class="dusk-anchor-button__text"
+        >
+          Unlock Wallet
+        </span>
+        
+        
+      </a>
     </div>
-  </section>
-  <!--&lt;+page&gt;-->
-</div>
+  </div>
+</section>
 `;
diff --git a/src/routes/(welcome)/setup/__tests__/page.spec.js b/src/routes/(welcome)/setup/__tests__/page.spec.js
index 68c6e3b5..d15d1e5f 100644
--- a/src/routes/(welcome)/setup/__tests__/page.spec.js
+++ b/src/routes/(welcome)/setup/__tests__/page.spec.js
@@ -1,18 +1,19 @@
-import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
 import { cleanup, render } from "@testing-library/svelte";
 import Setup from "../+page.svelte";
 
+vi.mock("css-doodle", () => ({}));
+
 describe("Setup", () => {
-	afterEach(cleanup);
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.doUnmock("css-doodle");
+  });
 
-	it("should render the Setup page", () => {
-		const { container } = render(Setup, {});
+  it("should render the Setup page", () => {
+    const { container } = render(Setup, {});
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/routes/(welcome)/setup/create/+page.js b/src/routes/(welcome)/setup/create/+page.js
new file mode 100644
index 00000000..f3df926d
--- /dev/null
+++ b/src/routes/(welcome)/setup/create/+page.js
@@ -0,0 +1,15 @@
+import { error } from "@sveltejs/kit";
+
+import { networkStore } from "$lib/stores";
+
+/** @type {import("./$types").PageLoad} */
+export async function load() {
+  return {
+    currentBlockHeight: await networkStore.getCurrentBlockHeight().catch(() => {
+      error(
+        500,
+        "Unable to retrieve current block height: the network may be down."
+      );
+    }),
+  };
+}
diff --git a/src/routes/(welcome)/setup/create/+page.svelte b/src/routes/(welcome)/setup/create/+page.svelte
index 04f8c7f1..caf41e99 100644
--- a/src/routes/(welcome)/setup/create/+page.svelte
+++ b/src/routes/(welcome)/setup/create/+page.svelte
@@ -1,161 +1,195 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { fade } from "svelte/transition";
-	import {
-		initializeWallet,
-		refreshLocalStoragePasswordInfo
-	} from "$lib/wallet";
-	import { Wizard, WizardStep } from "$lib/dusk/components";
-	import loginInfoStorage from "$lib/services/loginInfoStorage";
-	import TermsOfService from "../TermsOfService.svelte";
-	import MnemonicPhrase from "./MnemonicPhrase.svelte";
-	import MnemonicValidate from "./MnemonicValidate.svelte";
-	import SwapNDUSK from "./SwapNDUSK.svelte";
-	import AllSet from "../AllSet.svelte";
-	import MnemonicPreSetup from "./MnemonicPreSetup.svelte";
-	import PasswordSetup from "../PasswordSetup.svelte";
-	import { goto } from "$app/navigation";
-
-	/** @type {boolean} */
-	let tosAccepted = false;
-
-	/** @type {string} */
-	let password = "";
-
-	/** @type {boolean} */
-	let isValidPassword = false;
-
-	/** @type {boolean} */
-	let showPasswordSetup = false;
-
-	/** @type {boolean} */
-	let agreementAccepted = false;
-
-	/** @type {boolean} */
-	let isValidMnemonic = false;
-
-	/** @type {string[]} */
-	let mnemonicPhrase = [];
-
-	/** @type {string[]} */
-	let enteredMnemonicPhrase = [];
-
-	$: if (showPasswordSetup) {
-		password = showPasswordSetup ? password : "";
-	}
+  import { fade } from "svelte/transition";
+  import { setKey } from "lamb";
+
+  import { Wizard, WizardStep } from "$lib/dusk/components";
+
+  import { ExistingWalletNotice } from "$lib/components";
+  import { goto } from "$lib/navigation";
+  import loginInfoStorage from "$lib/services/loginInfoStorage";
+  import { settingsStore } from "$lib/stores";
+  import {
+    initializeWallet,
+    refreshLocalStoragePasswordInfo,
+  } from "$lib/wallet";
+
+  import AllSet from "../AllSet.svelte";
+  import PasswordSetup from "../PasswordSetup.svelte";
+  import TermsOfService from "../TermsOfService.svelte";
+
+  import MnemonicPhrase from "./MnemonicPhrase.svelte";
+  import MnemonicPreSetup from "./MnemonicPreSetup.svelte";
+  import MnemonicValidate from "./MnemonicValidate.svelte";
+  import NetworkSync from "./NetworkSync.svelte";
+
+  /** @type {import("./$types").PageData} */
+  export let data;
+
+  /** @type {boolean} */
+  let notice = false;
+
+  /** @type {boolean} */
+  let tosAccepted = false;
+
+  /** @type {string} */
+  let password = "";
+
+  /** @type {boolean} */
+  let isValidPassword = false;
+
+  /** @type {boolean} */
+  let showPasswordSetup = true;
+
+  /** @type {boolean} */
+  let agreementAccepted = false;
+
+  /** @type {boolean} */
+  let isValidMnemonic = false;
+
+  /** @type {string[]} */
+  let mnemonicPhrase = [];
+
+  /** @type {string[]} */
+  let enteredMnemonicPhrase = [];
+
+  const { userId } = $settingsStore;
+  const { currentBlockHeight } = data;
+
+  $: if (showPasswordSetup) {
+    password = showPasswordSetup ? password : "";
+  }
 </script>
 
-{#if !tosAccepted}
-	<div class="onboarding-wrapper" in:fade|global>
-		<TermsOfService bind:tosAccepted/>
-	</div>
+{#if !notice && userId}
+  <div class="onboarding-wrapper" in:fade|global>
+    <ExistingWalletNotice bind:notice />
+  </div>
+{:else if !tosAccepted}
+  <div class="onboarding-wrapper" in:fade|global>
+    <TermsOfService bind:tosAccepted />
+  </div>
 {:else}
-	<Wizard fullHeight={true} steps={6} let:key>
-		<WizardStep
-			step={0}
-			{key}
-			showStepper={true}
-			backButton={{
-				disabled: false,
-				href: "/setup",
-				isAnchor: true
-			}}
-			nextButton={{ disabled: !agreementAccepted }}
-		>
-			<h2 class="h1" slot="heading">
-				Backup<br/>
-				<mark>Mnemonic Phrase</mark>
-			</h2>
-			<MnemonicPreSetup bind:isValid={agreementAccepted}/>
-		</WizardStep>
-		<WizardStep
-			step={1}
-			{key}
-			showStepper={true}
-		>
-			<h2 class="h1" slot="heading">
-				Backup<br/>
-				<mark>Mnemonic Phrase</mark>
-			</h2>
-			<MnemonicPhrase bind:mnemonicPhrase={mnemonicPhrase}/>
-		</WizardStep>
-		<WizardStep
-			step={2}
-			{key}
-			showStepper={true}
-			backButton={{
-				action: () => { enteredMnemonicPhrase = []; }
-			}}
-			nextButton={{
-				disabled: !isValidMnemonic
-			}}>
-			<h2 class="h1" slot="heading">
-				Backup<br/>
-				<mark>Mnemonic Phrase</mark>
-			</h2>
-			<MnemonicValidate
-				bind:isValid={isValidMnemonic}
-				bind:enteredMnemonicPhrase={enteredMnemonicPhrase}
-				bind:mnemonicPhrase={mnemonicPhrase}
-			/>
-		</WizardStep>
-		<WizardStep
-			step={3}
-			{key}
-			showStepper={true}
-			nextButton={{
-				action: async () => {
-					await refreshLocalStoragePasswordInfo(mnemonicPhrase, password);
-				},
-				disabled: !isValidPassword
-			}}
-		>
-			<h2 class="h1" slot="heading">
-				<mark>Password</mark><br/>
-				Setup
-			</h2>
-			<PasswordSetup bind:password bind:isValid={isValidPassword} bind:isToggled={showPasswordSetup}/>
-		</WizardStep>
-		<WizardStep
-			step={4}
-			{key}
-			showStepper={true}
-			backButton={{
-				action: () => loginInfoStorage.remove(),
-				disabled: false
-			}}>
-			<h2 class="h1" slot="heading">
-				Swap ERC20<br/>
-				to <mark>Native Dusk</mark>
-			</h2>
-			<SwapNDUSK/>
-		</WizardStep>
-		<WizardStep
-			step={5}
-			{key}
-			showStepper={true}
-			hideBackButton={true}
-			nextButton={{
-				action: async () => {
-					await initializeWallet(mnemonicPhrase);
-					mnemonicPhrase = [];
-					await goto("/dashboard");
-				},
-				disabled: false
-			}}>
-			<h2 class="h1" slot="heading">
-				Welcome to<br/>
-				<mark>Dusk</mark>
-			</h2>
-			<AllSet/>
-		</WizardStep>
-	</Wizard>
+  <Wizard fullHeight={true} steps={6} let:key>
+    <WizardStep
+      step={0}
+      {key}
+      showStepper={true}
+      backButton={{
+        disabled: false,
+        href: "/setup",
+        isAnchor: true,
+      }}
+      nextButton={{ disabled: !agreementAccepted }}
+    >
+      <h2 class="h1" slot="heading">
+        Backup<br />
+        <mark>Mnemonic Phrase</mark>
+      </h2>
+      <MnemonicPreSetup bind:isValid={agreementAccepted} />
+    </WizardStep>
+    <WizardStep step={1} {key} showStepper={true}>
+      <h2 class="h1" slot="heading">
+        Backup<br />
+        <mark>Mnemonic Phrase</mark>
+      </h2>
+      <MnemonicPhrase bind:mnemonicPhrase />
+    </WizardStep>
+    <WizardStep
+      step={2}
+      {key}
+      showStepper={true}
+      backButton={{
+        action: () => {
+          enteredMnemonicPhrase = [];
+        },
+      }}
+      nextButton={{
+        disabled: !isValidMnemonic,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Backup<br />
+        <mark>Mnemonic Phrase</mark>
+      </h2>
+      <MnemonicValidate
+        bind:isValid={isValidMnemonic}
+        bind:enteredMnemonicPhrase
+        bind:mnemonicPhrase
+      />
+    </WizardStep>
+    <WizardStep
+      step={3}
+      {key}
+      showStepper={true}
+      nextButton={{
+        action: async () => {
+          await refreshLocalStoragePasswordInfo(mnemonicPhrase, password);
+        },
+        disabled: !isValidPassword,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        <mark>Password</mark><br />
+        Setup
+      </h2>
+      <PasswordSetup
+        bind:password
+        bind:isValid={isValidPassword}
+        bind:isToggled={showPasswordSetup}
+      />
+    </WizardStep>
+    <WizardStep
+      step={4}
+      {key}
+      showStepper={true}
+      backButton={{
+        action: () => loginInfoStorage.remove(),
+        disabled: false,
+      }}
+      nextButton={{
+        action: async () => {
+          await initializeWallet(mnemonicPhrase.join(" "), currentBlockHeight);
+          settingsStore.update(
+            setKey("walletCreationBlockHeight", currentBlockHeight)
+          );
+
+          mnemonicPhrase = [];
+        },
+        disabled: false,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Network<br />
+        <mark>Syncing</mark>
+      </h2>
+      <NetworkSync {currentBlockHeight} />
+    </WizardStep>
+    <WizardStep
+      step={5}
+      {key}
+      showStepper={true}
+      hideBackButton={true}
+      nextButton={{
+        action: async () => {
+          await goto("/dashboard");
+        },
+        disabled: false,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Welcome to<br />
+        <mark>Dusk</mark>
+      </h2>
+      <AllSet />
+    </WizardStep>
+  </Wizard>
 {/if}
 
 <style>
-	.onboarding-wrapper {
-		height: 100%;
-		overflow-y: auto;
-	}
+  .onboarding-wrapper {
+    height: 100%;
+    overflow-y: auto;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/create/MnemonicPhrase.svelte b/src/routes/(welcome)/setup/create/MnemonicPhrase.svelte
index a5a0febe..c379e96f 100644
--- a/src/routes/(welcome)/setup/create/MnemonicPhrase.svelte
+++ b/src/routes/(welcome)/setup/create/MnemonicPhrase.svelte
@@ -1,19 +1,25 @@
 <script>
-	import { Card, Words } from "$lib/dusk/components";
-	import { mdiAlertOutline } from "@mdi/js";
-	import { generateMnemonic } from "bip39";
+  import { Words } from "$lib/dusk/components";
+  import { WarningCard } from "$lib/containers/Cards";
+  import { generateMnemonic } from "$lib/wallet";
 
-	/** @type {string[]} */
-	export let mnemonicPhrase;
+  /** @type {string[]} */
+  export let mnemonicPhrase;
 
-	if (mnemonicPhrase.length === 0) {
-		mnemonicPhrase = generateMnemonic().split(" ");
-	}
+  if (mnemonicPhrase.length === 0) {
+    mnemonicPhrase = generateMnemonic().split(" ");
+  }
 </script>
 
-<Card heading="Keep this SAFE" iconPath={mdiAlertOutline}>
-	<div class="flex flex-col gap-1">
-		<p>Please make sure to write your phrase down and save it in a secure location.</p>
-		<Words words={mnemonicPhrase}/>
-	</div>
-</Card>
+<WarningCard heading="Keep this SAFE">
+  <p class="mnemonic-card__notice">
+    Please make sure to write your phrase down and save it in a secure location.
+  </p>
+  <Words words={mnemonicPhrase} />
+</WarningCard>
+
+<style lang="postcss">
+  .mnemonic-card__notice {
+    margin-bottom: var(--small-gap);
+  }
+</style>
diff --git a/src/routes/(welcome)/setup/create/MnemonicPreSetup.svelte b/src/routes/(welcome)/setup/create/MnemonicPreSetup.svelte
index 6f83b985..ab82895e 100644
--- a/src/routes/(welcome)/setup/create/MnemonicPreSetup.svelte
+++ b/src/routes/(welcome)/setup/create/MnemonicPreSetup.svelte
@@ -1,41 +1,37 @@
 <script>
-	import {
-		Agreement,
-		Card,
-		Icon
-	} from "$lib/dusk/components";
-	import { mdiAlertOutline } from "@mdi/js";
+  import { Agreement } from "$lib/dusk/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { Banner } from "$lib/components";
 
-	/** @type {boolean} */
-	export let isValid = false;
+  /** @type {boolean} */
+  export let isValid = false;
 
-	/** @type {boolean} */
-	let agreementOneChecked = isValid || false;
+  /** @type {boolean} */
+  let agreementOneChecked = isValid || false;
 
-	/** @type {boolean} */
-	let agreementTwoChecked = isValid || false;
+  /** @type {boolean} */
+  let agreementTwoChecked = isValid || false;
 
-	$: isValid = agreementOneChecked && agreementTwoChecked;
+  $: isValid = agreementOneChecked && agreementTwoChecked;
 </script>
 
-<Card heading="Securely store your seed phrase!">
-	<div class="flex flex-col gap-1">
-		<Agreement
-			name="mnemonic_agreement_one"
-			bind:checked={agreementOneChecked}
-			label="I understand that without my seed phrase I cannot access my wallet and its assets."
-		/>
-		<Agreement
-			name="mnemonic_agreement_two"
-			bind:checked={agreementTwoChecked}
-			label="I understand that securing my recovery phrase is my own responsibility.
-				Only I have access to my recovery phrase"
-		/>
-	</div>
-</Card>
+<IconHeadingCard gap="medium" heading="Securely store your mnemonic phrase!">
+  <Agreement
+    name="mnemonic_agreement_one"
+    bind:checked={agreementOneChecked}
+    label="I understand that without my mnemonic phrase I cannot access my wallet and its assets."
+  />
+  <Agreement
+    name="mnemonic_agreement_two"
+    bind:checked={agreementTwoChecked}
+    label="I understand that securing my recovery phrase is my own responsibility.
+        Only I have access to my recovery phrase"
+  />
+</IconHeadingCard>
 
-<div class="notice">
-	<Icon path={mdiAlertOutline} size="large"/>
-	<p>To proceed, please check all the relevant boxes.
-		Dusk will not save and cannot retrieve your passphrase.</p>
-</div>
+<Banner
+  title="Dusk will not save and cannot retrieve your mnemonic phrase."
+  variant="warning"
+>
+  <p>To proceed, please check all the relevant boxes.</p>
+</Banner>
diff --git a/src/routes/(welcome)/setup/create/MnemonicValidate.svelte b/src/routes/(welcome)/setup/create/MnemonicValidate.svelte
index 71359084..18b42d17 100644
--- a/src/routes/(welcome)/setup/create/MnemonicValidate.svelte
+++ b/src/routes/(welcome)/setup/create/MnemonicValidate.svelte
@@ -1,39 +1,36 @@
 <script>
-	import {
-		Card,
-		Icon,
-		Mnemonic
-	} from "$lib/dusk/components";
-	import { arraysEqual, shuffleArray } from "$lib/dusk/array";
-	import { mdiAlertOutline } from "@mdi/js";
+  import { Mnemonic } from "$lib/dusk/components";
+  import { arraysEqual, shuffleArray } from "$lib/dusk/array";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { Banner } from "$lib/components";
 
-	/** @type {boolean} */
-	export let isValid = false;
+  /** @type {boolean} */
+  export let isValid = false;
 
-	/** @type {string[]} */
-	export let enteredMnemonicPhrase = [];
+  /** @type {string[]} */
+  export let enteredMnemonicPhrase = [];
 
-	/** @type {string[]} */
-	export let mnemonicPhrase = [];
+  /** @type {string[]} */
+  export let mnemonicPhrase = [];
 
-	$: filteredMnemonic = new Set(enteredMnemonicPhrase.filter((word) => word !== ""));
-	$: isValid = arraysEqual(enteredMnemonicPhrase, mnemonicPhrase);
+  $: filteredMnemonic = new Set(
+    enteredMnemonicPhrase.filter((word) => word !== "")
+  );
+  $: isValid = arraysEqual(enteredMnemonicPhrase, mnemonicPhrase);
 </script>
 
-<Card heading="Verification">
-	<div class="flex flex-col gap-1">
-		<p>Ensure you have backed up the Mnemonic phrase.</p>
-		<Mnemonic
-			bind:enteredMnemonicPhrase={enteredMnemonicPhrase}
-			mnemonicPhrase={shuffleArray(mnemonicPhrase)}
-			type="validate"
-		/>
-		{#if filteredMnemonic.size === 12 && !isValid}
-			<div class="notice notice--error">
-				<Icon path={mdiAlertOutline} size="large"/>
-				<p>Mnemonic does not match.</p>
-			</div>
-		{/if}
-	</div>
-</Card>
-
+<IconHeadingCard heading="Verification" gap="medium">
+  <p>Ensure you have backed up the Mnemonic phrase.</p>
+  <Mnemonic
+    bind:enteredMnemonicPhrase
+    mnemonicPhrase={shuffleArray(mnemonicPhrase)}
+    type="validate"
+  />
+  {#if filteredMnemonic.size === 12 && !isValid}
+    <Banner title="Mnemonic does not match." variant="error">
+      <p>
+        Please ensure you have entered the mnemonic phrase in the correct order.
+      </p>
+    </Banner>
+  {/if}
+</IconHeadingCard>
diff --git a/src/routes/(welcome)/setup/create/NetworkSync.svelte b/src/routes/(welcome)/setup/create/NetworkSync.svelte
new file mode 100644
index 00000000..343b837f
--- /dev/null
+++ b/src/routes/(welcome)/setup/create/NetworkSync.svelte
@@ -0,0 +1,37 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { AppAnchor, CopyField } from "$lib/components";
+  import { DOCUMENTATION_LINKS } from "$lib/constants";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { createNumberFormatter } from "$lib/dusk/number";
+  import { settingsStore } from "$lib/stores";
+  import { mdiCubeOutline } from "@mdi/js";
+  $: ({ language } = $settingsStore);
+
+  /** @type {bigint} */
+  export let currentBlockHeight;
+
+  const numberFormatter = createNumberFormatter(language);
+</script>
+
+<IconHeadingCard icons={[mdiCubeOutline]} heading="Block Height">
+  <p>
+    Store the current block height in case you want to resync from it next time
+    you reset your wallet. This can significantly reduce the initial sync time.
+  </p>
+
+  <CopyField
+    name="Block Height"
+    displayValue={numberFormatter(currentBlockHeight)}
+    rawValue={String(currentBlockHeight)}
+  />
+
+  <small>
+    This can later be retrieved from Settings. Find out more in our <AppAnchor
+      href={DOCUMENTATION_LINKS.RESTORE_BLOCK_HEIGHT}
+      rel="noopener noreferrer"
+      target="_blank">documentation</AppAnchor
+    >.
+  </small>
+</IconHeadingCard>
diff --git a/src/routes/(welcome)/setup/create/SwapNDUSK.svelte b/src/routes/(welcome)/setup/create/SwapNDUSK.svelte
deleted file mode 100644
index 17580611..00000000
--- a/src/routes/(welcome)/setup/create/SwapNDUSK.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script>
-	import { Button } from "$lib/dusk/components";
-	import { logo } from "$lib/dusk/icons";
-</script>
-
-<p>
-	The ERC20 token swap functionality is currently disabled
-	and will be provided after the launch of the Dusk mainnet.
-</p>
-<Button
-	disabled
-	icon={{ path: logo, position: "before" }}
-	variant="secondary"
-	text="Swap ERC20 to NDUSK"
-/>
diff --git a/src/routes/(welcome)/setup/create/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/setup/create/__tests__/__snapshots__/page.spec.js.snap
index c3f478b8..af5fdeef 100644
--- a/src/routes/(welcome)/setup/create/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(welcome)/setup/create/__tests__/__snapshots__/page.spec.js.snap
@@ -1,85 +1,3124 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Create > should render the Terms of Service step of the Create flow 1`] = `
-<div>
+exports[`Create > correctly renders the Mnemonic Preview page 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 16.666666666666668%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-default"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container dusk-card__heading-container--warning-card"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+            />
+          </svg>
+          
+           
+          <h3
+            class="h4"
+          >
+            Keep this SAFE
+          </h3>
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p
+        class="mnemonic-card__notice svelte-1g52dt5"
+      >
+        Please make sure to write your phrase down and save it in a secure location.
+      </p>
+       
+      <ol
+        class="dusk-words"
+      >
+        <li
+          class="dusk-words__word"
+        >
+          cart
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          dad
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          sail
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          wreck
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          robot
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          grit
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          combine
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          noble
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          rap
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          farm
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          slide
+        </li>
+        <li
+          class="dusk-words__word"
+        >
+          sad
+        </li>
+      </ol>
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > correctly renders the Mnemonic Verification page 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 33.333333333333336%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            Verification
+          </h3>
+           
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p>
+        Ensure you have backed up the Mnemonic phrase.
+      </p>
+       
+      <div
+        class="dusk-mnemonic"
+      >
+        <div
+          class="dusk-mnemonic__actions-wrapper"
+        >
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-button__text"
+            >
+              Undo
+            </span>
+            
+          </button>
+        </div>
+         
+        <ol
+          class="dusk-words"
+        >
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+        </ol>
+         
+        <div
+          class="dusk-mnemonic__validate-actions-wrapper"
+        >
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="grit"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              grit
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="wreck"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              wreck
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="cart"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              cart
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="dad"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              dad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="rap"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              rap
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sail"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sail
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="robot"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              robot
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="combine"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              combine
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="noble"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              noble
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="slide"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              slide
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sad"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="farm"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              farm
+            </span>
+          </button>
+          
+        </div>
+      </div>
+       
+      
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > doesn't let the user proceed if they have entered mismatching Mnemonic 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 33.333333333333336%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            Verification
+          </h3>
+           
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p>
+        Ensure you have backed up the Mnemonic phrase.
+      </p>
+       
+      <div
+        class="dusk-mnemonic"
+      >
+        <div
+          class="dusk-mnemonic__actions-wrapper"
+        >
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-button__text"
+            >
+              Undo
+            </span>
+            
+          </button>
+        </div>
+         
+        <ol
+          class="dusk-words"
+        >
+          <li
+            class="dusk-words__word"
+          >
+            grit
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            wreck
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            cart
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            dad
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            rap
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            sail
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            robot
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            combine
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            noble
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            slide
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            sad
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            farm
+          </li>
+        </ol>
+         
+        <div
+          class="dusk-mnemonic__validate-actions-wrapper"
+        >
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="grit"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              grit
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="wreck"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              wreck
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="cart"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              cart
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="dad"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              dad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="rap"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              rap
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sail"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sail
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="robot"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              robot
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="combine"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              combine
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="noble"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              noble
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="slide"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              slide
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sad"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="farm"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              farm
+            </span>
+          </button>
+          
+        </div>
+      </div>
+       
+      <div
+        class="banner banner--error"
+      >
+        <svg
+          class="dusk-icon dusk-icon--size--large banner__icon banner__icon--error"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12M11,15H13V17H11V15M11,7H13V13H11V7"
+          />
+        </svg>
+        
+         
+        <div>
+          <strong
+            class="banner__title"
+          >
+            Mnemonic does not match.
+          </strong>
+           
+          <p>
+            Please ensure you have entered the mnemonic phrase in the correct order.
+          </p>
+        </div>
+      </div>
+      
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > ensures that the Undo button on the Mnemonic Validate step works as expected 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 33.333333333333336%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            Verification
+          </h3>
+           
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p>
+        Ensure you have backed up the Mnemonic phrase.
+      </p>
+       
+      <div
+        class="dusk-mnemonic"
+      >
+        <div
+          class="dusk-mnemonic__actions-wrapper"
+        >
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-button__text"
+            >
+              Undo
+            </span>
+            
+          </button>
+        </div>
+         
+        <ol
+          class="dusk-words"
+        >
+          <li
+            class="dusk-words__word"
+          >
+            cart
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            dad
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            sail
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            wreck
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            robot
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            grit
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            combine
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            noble
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            rap
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            farm
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            slide
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+        </ol>
+         
+        <div
+          class="dusk-mnemonic__validate-actions-wrapper"
+        >
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="grit"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              grit
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="wreck"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              wreck
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="cart"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              cart
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="dad"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              dad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="rap"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              rap
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sail"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sail
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="robot"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              robot
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="combine"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              combine
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="noble"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              noble
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="slide"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              slide
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sad"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="farm"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              farm
+            </span>
+          </button>
+          
+        </div>
+      </div>
+       
+      
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > ensures the All Done step renders as expected 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Welcome to
+    <br />
+     
+    <mark>
+      Dusk
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 83.33333333333333%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      5
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            You are all set!
+          </h3>
+           
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <img
+        alt="All Set"
+        class="all-set__illustration"
+        height="182"
+        src="/some-base-path/images/onboarding/all_set_illustration.svg"
+        width="205"
+      />
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+</div>
+`;
+
+exports[`Create > ensures the Network Syncing step renders as expected 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Network
+    <br />
+     
+    <mark>
+      Syncing
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 66.66666666666667%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      4
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-default"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            Block Height
+          </h3>
+           
+          <div
+            class="dusk-card__heading-icons"
+          >
+            
+            <svg
+              class="dusk-icon dusk-icon--size--default"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z"
+              />
+            </svg>
+            
+          </div>
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p>
+        Store the current block height in case you want to resync from it next time
+    you reset your wallet. This can significantly reduce the initial sync time.
+      </p>
+       
+      <div
+        class="copy-field"
+      >
+        <input
+          class="dusk-textbox dusk-textbox-text copy-field__content"
+          readonly=""
+          type="text"
+        />
+        
+         
+        <button
+          aria-label="Copy Address"
+          class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button copy-field__button"
+          data-tooltip-id="main-tooltip"
+          data-tooltip-text="Copy to clipboard"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+            />
+          </svg>
+          
+           
+          
+        </button>
+      </div>
+       
+      <small>
+        This can later be retrieved from Settings. Find out more in our 
+        <a
+          class="dusk-anchor dusk-anchor--on-surface"
+          href="https://docs.dusk.network/learn/guides/restore-height"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          documentation
+        </a>
+        .
+      </small>
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+</div>
+`;
+
+exports[`Create > ensures the Password step renders as expected 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    <mark>
+      Password
+    </mark>
+    <br />
+    
+        Setup
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 50%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-default"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header dusk-card__header-toggle"
+        slot="header"
+      >
+        <h3
+          class="h4"
+        >
+          Password
+        </h3>
+         
+        <div
+          class="dusk-card__header-controls-wrapper"
+        >
+          <div
+            aria-checked="true"
+            aria-disabled="false"
+            class="dusk-switch dusk-switch--on-surface"
+            role="switch"
+            tabindex="0"
+          />
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+            />
+          </svg>
+          
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <p>
+        Please store your password safely.
+      </p>
+       
+      <input
+        autocomplete="new-password"
+        class="dusk-textbox dusk-textbox-password password-input"
+        placeholder="Set Password"
+        type="password"
+      />
+      
+       
+      <div
+        class="confirm-password"
+      >
+        <input
+          autocomplete="new-password"
+          class="dusk-textbox dusk-textbox-password password-input"
+          placeholder="Confirm Password"
+          type="password"
+        />
+        
+         
+        <span
+          class="confirm-password--meta svelte-ww95yl"
+        >
+          Password must be at least 8 characters
+        </span>
+      </div>
+      
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="banner banner--info"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--large banner__icon banner__icon--info"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"
+      />
+    </svg>
+    
+     
+    <div>
+      <strong
+        class="banner__title"
+      >
+        Setting a password for your web wallet is recommended.
+      </strong>
+       
+      <p>
+        Without a password, you will need to input your full mnemonic each time to
+    access your wallet. This could expose your mnemonic to potential threats.
+    Setting a password is highly recommended for better wallet security.
+      </p>
+    </div>
+  </div>
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > ensures the Password step renders as expected 2`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    <mark>
+      Password
+    </mark>
+    <br />
+    
+        Setup
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 50%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-default"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header dusk-card__header-toggle"
+        slot="header"
+      >
+        <h3
+          class="h4"
+        >
+          Password
+        </h3>
+         
+        <div
+          class="dusk-card__header-controls-wrapper"
+        >
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch dusk-switch--on-surface"
+            role="switch"
+            tabindex="0"
+          />
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+            />
+          </svg>
+          
+        </div>
+      </header>
+    </div>
+     
+     
+  </div>
+  
+   
+  <div
+    class="banner banner--info"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--large banner__icon banner__icon--info"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"
+      />
+    </svg>
+    
+     
+    <div>
+      <strong
+        class="banner__title"
+      >
+        Setting a password for your web wallet is recommended.
+      </strong>
+       
+      <p>
+        Without a password, you will need to input your full mnemonic each time to
+    access your wallet. This could expose your mnemonic to potential threats.
+    Setting a password is highly recommended for better wallet security.
+      </p>
+    </div>
+  </div>
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > lets the user proceed if they have entered a matching Mnemonic 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  
+   
+  
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 33.333333333333336%;"
+  >
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      2
+       
+    </span>
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
   <div
-    class="onboarding-wrapper s-p4ikGGAJA5YG"
+    class="dusk-card dusk-card--gap-medium"
   >
-    <section
-      class="flex flex-col flex-1"
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
+          <h3
+            class="h4"
+          >
+            Verification
+          </h3>
+           
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
     >
+      <p>
+        Ensure you have backed up the Mnemonic phrase.
+      </p>
+       
       <div
-        class="dusk-card"
+        class="dusk-mnemonic"
       >
-        <header
-          class="dusk-card__header"
+        <div
+          class="dusk-mnemonic__actions-wrapper"
         >
            
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-button__text"
+            >
+              Undo
+            </span>
+            
+          </button>
+        </div>
+         
+        <ol
+          class="dusk-words"
+        >
+          <li
+            class="dusk-words__word"
+          >
+            cart
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            dad
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            sail
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            wreck
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            robot
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            grit
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            combine
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            noble
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            rap
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            farm
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            slide
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            sad
+          </li>
+        </ol>
+         
+        <div
+          class="dusk-mnemonic__validate-actions-wrapper"
+        >
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="grit"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              grit
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="wreck"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              wreck
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="cart"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              cart
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="dad"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              dad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="rap"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              rap
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sail"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sail
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="robot"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              robot
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="combine"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              combine
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="noble"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              noble
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="slide"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              slide
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="sad"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              sad
+            </span>
+          </button>
+          
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default"
+            data-value="farm"
+            disabled=""
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              farm
+            </span>
+          </button>
+          
+        </div>
+      </div>
+       
+      
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-button__text"
+      >
+        Back
+      </span>
+      
+    </button>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > should render the \`Securely store your mnemonic phrase!\` agreement step after the ToS 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Backup
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 6; --progress-width: 0%;"
+  >
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      6
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
           <h3
             class="h4"
           >
-            Terms & Privacy Policy
+            Securely store your mnemonic phrase!
           </h3>
            
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <div
+        class="dusk-agreement"
+      >
+        <input
+          class="dusk-checkbox"
+          id="dusk-checkbox-16"
+          name="mnemonic_agreement_one"
+          tabindex="0"
+          type="checkbox"
+        />
+         
+        <label
+          class="dusk-agreement__label"
+          for="dusk-checkbox-16"
+        >
+          I understand that without my mnemonic phrase I cannot access my wallet and its assets.
+        </label>
+      </div>
+       
+      <div
+        class="dusk-agreement"
+      >
+        <input
+          class="dusk-checkbox"
+          id="dusk-checkbox-16"
+          name="mnemonic_agreement_two"
+          tabindex="0"
+          type="checkbox"
+        />
+         
+        <label
+          class="dusk-agreement__label"
+          for="dusk-checkbox-16"
+        >
+          I understand that securing my recovery phrase is my own responsibility.
+        Only I have access to my recovery phrase
+        </label>
+      </div>
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="banner banner--warning"
+  >
+    <svg
+      class="dusk-icon dusk-icon--size--large banner__icon banner__icon--warning"
+      role="graphics-symbol"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+      />
+    </svg>
+    
+     
+    <div>
+      <strong
+        class="banner__title"
+      >
+        Dusk will not save and cannot retrieve your mnemonic phrase.
+      </strong>
+       
+      <p>
+        To proceed, please check all the relevant boxes.
+      </p>
+    </div>
+  </div>
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+      href="/some-base-path/setup"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
+  </div>
+  
+  
+   
+  
+   
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Create > should render the Existing Wallet notice step of the Create flow if there is a userId saved in localStorage 1`] = `
+<div
+  class="onboarding-wrapper svelte-i0tbsw"
+>
+  <section>
+    <div
+      class="dusk-card dusk-card--gap-default"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
+        >
+          <div
+            class="dusk-card__heading-container dusk-card__heading-container--warning-card"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+              />
+            </svg>
+            
+             
+            <h3
+              class="h4"
+            >
+              Existing Wallet Detected
+            </h3>
+          </div>
         </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <p>
+          Initializing a new wallet will replace your existing local wallet cache,
+      erasing any stored data. Ensure you have securely backed up your current
+      wallet's mnemonic phrase to prevent loss. Proceeding without a backup can
+      lead to irreversible loss of access to your assets.
+        </p>
          
         <div
-          class="flex flex-col gap-1"
+          class="actions svelte-3n8m2w"
         >
-          <p>
-            Our 
-            <a
-              class="dusk-anchor"
-              href="https://dusk.network/privacy-policy/"
-              rel="noopener noreferrer"
-              target="_blank"
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default actions__action"
+            href="/some-base-path/setup"
+          >
+            <span
+              class="dusk-anchor-button__text"
             >
-              Terms & Privacy Policy
-            </a>
-            <!--&lt;Anchor&gt;-->
-             govern your use of our services,
-			including data handling and user responsibilities.
-			Your privacy and security are our top priorities.
-          </p>
+              Back
+            </span>
+            
+          </a>
            
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default actions__action"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Proceed
+            </span>
+          </button>
+        </div>
+      </div>
+       
+    </div>
+    
+  </section>
+</div>
+`;
+
+exports[`Create > should render the Terms of Service step of the Create flow if there is no userId saved in localStorage 1`] = `
+<div
+  class="onboarding-wrapper svelte-i0tbsw"
+>
+  <section>
+    <div
+      class="dusk-card dusk-card--gap-default"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
+        >
           <div
-            class="flex gap-1 w-100"
-          >
-            <a
-              aria-disabled="false"
-              class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal flex-1"
-              href="/setup"
-            >
-              <span
-                class="dusk-anchor-button__text"
-              >
-                Cancel
-              </span>
-              
-            </a>
-            <!--&lt;Anchor&gt;-->
-            <!--&lt;AnchorButton&gt;-->
+            class="dusk-card__heading-container"
+          >
+            <h3
+              class="h4"
+            >
+              Terms & Privacy Policy
+            </h3>
              
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal flex-1"
-              type="button"
-            >
-              <span
-                class="dusk-button__text"
-              >
-                Accept
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
           </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <p>
+          Our 
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="https://dusk.network/privacy-policy/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            Terms & Privacy Policy
+          </a>
+           govern your use of our services, including data handling and user responsibilities.
+      Your privacy and security are our top priorities.
+        </p>
+         
+        <div
+          class="actions svelte-3n8m2w"
+        >
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default actions__action"
+            href="/some-base-path/setup"
+          >
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Cancel
+            </span>
+            
+          </a>
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default actions__action"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Accept
+            </span>
+          </button>
         </div>
       </div>
-      
-      <!--&lt;Card&gt;-->
-    </section>
-    <!--&lt;TermsOfService&gt;-->
-  </div>
-  
-  <!--&lt;+page&gt;-->
+       
+    </div>
+    
+  </section>
 </div>
 `;
diff --git a/src/routes/(welcome)/setup/create/__tests__/page.spec.js b/src/routes/(welcome)/setup/create/__tests__/page.spec.js
index 31f63305..21e83586 100644
--- a/src/routes/(welcome)/setup/create/__tests__/page.spec.js
+++ b/src/routes/(welcome)/setup/create/__tests__/page.spec.js
@@ -1,18 +1,505 @@
 import {
-	afterEach,
-	describe,
-	expect,
-	it
+  afterAll,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
 } from "vitest";
-import { cleanup, render } from "@testing-library/svelte";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { tick } from "svelte";
+import { get } from "svelte/store";
+import * as SvelteKit from "@sveltejs/kit";
+import { getKey, setKey } from "lamb";
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import { networkStore, settingsStore, walletStore } from "$lib/stores";
+import * as walletLib from "$lib/wallet";
+import * as navigation from "$lib/navigation";
+import loginInfoStorage from "$lib/services/loginInfoStorage";
+import * as shuffleArray from "$lib/dusk/array";
+
 import Create from "../+page.svelte";
+import { load } from "../+page.js";
+
+vi.mock("@sveltejs/kit", async (importOriginal) => ({
+  ...(await importOriginal()),
+  error: vi.fn(),
+}));
+
+/**
+ * @param {HTMLElement} input
+ * @param {*} value
+ * @returns {Promise<boolean>}
+ */
+const fireInput = (input, value) =>
+  fireEvent.input(input, { target: { value } });
+
+/** @param {HTMLElement} element */
+const asInput = (element) => /** @type {HTMLInputElement} */ (element);
+
+describe("Create", async () => {
+  const currentBlockHeight = 1536n;
+  const mnemonic =
+    "cart dad sail wreck robot grit combine noble rap farm slide sad";
+  const mnemonicShuffled = [
+    "grit",
+    "wreck",
+    "cart",
+    "dad",
+    "rap",
+    "sail",
+    "robot",
+    "combine",
+    "noble",
+    "slide",
+    "sad",
+    "farm",
+  ];
+  const pwd = "passwordpassword";
+  const seed = walletLib.getSeedFromMnemonic(mnemonic);
+  const userId = await walletLib
+    .profileGeneratorFrom(seed)
+    .then(getKey("default"))
+    .then(getKey("address"))
+    .then(String);
+
+  const baseProps = {
+    data: { currentBlockHeight },
+  };
+  const baseOptions = {
+    props: baseProps,
+    target: document.body,
+  };
+
+  vi.mocked(SvelteKit.error).mockImplementation(() => {
+    throw new Error("SvelteKit Error Simulation");
+  });
+
+  vi.spyOn(walletLib, "generateMnemonic").mockReturnValue(mnemonic);
+  vi.spyOn(shuffleArray, "shuffleArray").mockReturnValue(mnemonicShuffled);
+
+  const gotoSpy = vi.spyOn(navigation, "goto");
+  const settingsResetSpy = vi.spyOn(settingsStore, "reset");
+  const clearAndInitSpy = vi
+    .spyOn(walletStore, "clearLocalDataAndInit")
+    .mockResolvedValue(undefined);
+  const initWalletSpy = vi.spyOn(walletLib, "initializeWallet");
+
+  beforeEach(() => {
+    settingsStore.reset();
+    vi.clearAllMocks();
+  });
+
+  afterEach(cleanup);
+
+  afterAll(() => {
+    vi.restoreAllMocks();
+    vi.doUnmock("@sveltejs/kit");
+  });
+
+  describe("Create page load", () => {
+    const blockHeightSpy = vi
+      .spyOn(networkStore, "getCurrentBlockHeight")
+      .mockResolvedValue(currentBlockHeight);
+
+    afterEach(() => {
+      blockHeightSpy.mockClear();
+    });
+
+    afterAll(() => {
+      blockHeightSpy.mockRestore();
+    });
+
+    it('should retrieve the current block height and pass it to the page as "page data"', async () => {
+      // @ts-ignore we don't care for load parameters here
+      await expect(load()).resolves.toStrictEqual({ currentBlockHeight });
+    });
+
+    it("should call the svelte kit error if the current block height can't be retrieved", async () => {
+      const svelteKitErrorSpy = vi.spyOn(SvelteKit, "error");
+
+      blockHeightSpy.mockRejectedValueOnce(new Error("some error"));
+
+      // @ts-ignore we don't care for load parameters here
+      await expect(load()).rejects.toThrow();
+
+      expect(svelteKitErrorSpy).toHaveBeenCalledTimes(1);
+      expect(svelteKitErrorSpy).toHaveBeenCalledWith(500, expect.any(String));
+
+      svelteKitErrorSpy.mockRestore();
+    });
+  });
+
+  it("should render the Existing Wallet notice step of the Create flow if there is a userId saved in localStorage", () => {
+    settingsStore.update(setKey("userId", userId));
+
+    const { container } = render(Create, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the Terms of Service step of the Create flow if there is no userId saved in localStorage", () => {
+    const { container } = render(Create, baseOptions);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the `Securely store your mnemonic phrase!` agreement step after the ToS", async () => {
+    const { container, getByRole } = render(Create, baseOptions);
+
+    const mathRandomSpy = vi.spyOn(Math, "random").mockReturnValue(42);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    mathRandomSpy.mockRestore();
+  });
+
+  it("should not allow the user proceed unless both agreement checks are selected on the `Securely store your mnemonic phrase!` step", async () => {
+    const { getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    const firstCheckbox = getAllByRole("checkbox")[0];
+    const secondCheckbox = getAllByRole("checkbox")[1];
+    const nextButton = getByRole("button", { name: "Next" });
+
+    // Select the first checkbox
+    await fireEvent.click(firstCheckbox);
+
+    // Ensure Next is disabled
+    expect(nextButton).toBeDisabled();
+
+    // Unselect the first checkbox
+    await fireEvent.click(firstCheckbox);
+
+    // Select the second checkbox
+    await fireEvent.click(secondCheckbox);
+
+    // Ensure Next is disabled
+    expect(getByRole("button", { name: "Next" })).toBeDisabled();
+
+    // Select first checkbox too
+    await fireEvent.click(firstCheckbox);
+
+    // Ensure Next is enabled
+    expect(nextButton).toBeEnabled();
+  });
+
+  it("correctly renders the Mnemonic Preview page", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("correctly renders the Mnemonic Verification page", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("doesn't let the user proceed if they have entered mismatching Mnemonic", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const wordButtonsWrapper = container.getElementsByClassName(
+      "dusk-mnemonic__validate-actions-wrapper"
+    )[0];
+
+    const wordButtons = Array.from(wordButtonsWrapper.children);
+
+    wordButtons.forEach(async (button) => {
+      await fireEvent.click(button);
+    });
+
+    await tick();
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    expect(getByRole("button", { name: "Next" })).toBeDisabled();
+  });
+
+  it("lets the user proceed if they have entered a matching Mnemonic", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await tick();
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    expect(getByRole("button", { name: "Next" })).toBeEnabled();
+  });
+
+  it("ensures that the Undo button on the Mnemonic Validate step works as expected", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await tick();
+
+    await fireEvent.click(getByRole("button", { name: "Undo" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    expect(getByRole("button", { name: "Next" })).toBeDisabled();
+  });
+
+  it("ensures the Password step renders as expected", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await tick();
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Password enabled
+    expect(container.firstChild).toMatchSnapshot();
+
+    await fireEvent.click(getByRole("switch"));
+
+    // Password disabled
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("ensures the Network Syncing step renders as expected", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("ensures the All Done step renders as expected", async () => {
+    const { container, getByRole, getAllByRole } = render(Create, baseOptions);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+
+    /*
+     * We wait for the `clearLocalDataAndInit` call inside `initializeWallet`
+     * as the promise is not awaited and can happen after the test ends
+     * invalidating the checks of other tests.
+     */
+    await vi.waitUntil(() => clearAndInitSpy.mock.calls.length === 1);
+  });
+
+  it("should initialize the wallet without setting a password", async () => {
+    const { getByRole, getAllByRole } = render(Create, baseOptions);
+
+    // ToS step
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    // Mnemonic Agreement step
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Mnemonic Generate step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Mnemonic Validate step
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Set Password step
+    await fireEvent.click(getByRole("switch"));
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(loginInfoStorage.get()).toBeNull();
+
+    // Network Syncing step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledWith(mnemonic, currentBlockHeight);
+
+    await vi.waitUntil(() => clearAndInitSpy.mock.calls.length === 1);
+
+    expect(get(settingsStore).walletCreationBlockHeight).toBe(
+      currentBlockHeight
+    );
+    expect(clearAndInitSpy).toHaveBeenCalledTimes(1);
+    expect(clearAndInitSpy).toHaveBeenCalledWith(
+      expect.any(ProfileGenerator),
+      currentBlockHeight
+    );
+
+    // All Done step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
+
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+  });
+
+  it("should initialize the wallet encrypted mnemonic saved in localStorage", async () => {
+    const { getByPlaceholderText, getByRole, getAllByRole } = render(
+      Create,
+      baseOptions
+    );
+
+    // ToS step
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    // Mnemonic Agreement step
+    await fireEvent.click(getAllByRole("checkbox")[0]);
+    await fireEvent.click(getAllByRole("checkbox")[1]);
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Mnemonic Generate step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Mnemonic Validate step
+    const mnemonicSplit = mnemonic.split(" ");
+
+    mnemonicSplit.forEach(async (word) => {
+      await fireEvent.click(getByRole("button", { name: word }));
+    });
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // Set Password step
+    expect(loginInfoStorage.get()).toBeNull();
+
+    await fireInput(asInput(getByPlaceholderText("Set Password")), pwd);
+    await fireInput(asInput(getByPlaceholderText("Confirm Password")), pwd);
+
+    expect(loginInfoStorage.get()).toBeNull();
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await vi.waitFor(() => {
+      expect(loginInfoStorage.get()).not.toBeNull();
+    });
+
+    // Network Syncing step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledWith(mnemonic, currentBlockHeight);
+
+    await vi.waitUntil(() => clearAndInitSpy.mock.calls.length === 1);
+
+    expect(get(settingsStore).walletCreationBlockHeight).toBe(
+      currentBlockHeight
+    );
+    expect(clearAndInitSpy).toHaveBeenCalledTimes(1);
+    expect(clearAndInitSpy).toHaveBeenCalledWith(
+      expect.any(ProfileGenerator),
+      currentBlockHeight
+    );
 
-describe("Create", () => {
-	afterEach(cleanup);
+    // All Done step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
 
-	it("should render the Terms of Service step of the Create flow", () => {
-		const { container } = render(Create);
+    await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+  });
 });
diff --git a/src/routes/(welcome)/setup/restore/+page.svelte b/src/routes/(welcome)/setup/restore/+page.svelte
index b54a12a7..723304ce 100644
--- a/src/routes/(welcome)/setup/restore/+page.svelte
+++ b/src/routes/(welcome)/setup/restore/+page.svelte
@@ -1,104 +1,172 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { fade } from "svelte/transition";
-	import TermsOfService from "../TermsOfService.svelte";
-	import PasswordSetup from "../PasswordSetup.svelte";
-	import AllSet from "../AllSet.svelte";
-	import MnemonicAuthenticate from "./MnemonicAuthenticate.svelte";
-	import { Wizard, WizardStep } from "$lib/dusk/components";
-	import { initializeWallet, refreshLocalStoragePasswordInfo } from "$lib/wallet";
-	import { goto } from "$app/navigation";
+  import { fade } from "svelte/transition";
+  import TermsOfService from "../TermsOfService.svelte";
+  import PasswordSetup from "../PasswordSetup.svelte";
+  import NetworkSyncing from "./NetworkSyncSettings.svelte";
+  import AllSet from "../AllSet.svelte";
+  import MnemonicAuthenticate from "./MnemonicAuthenticate.svelte";
+  import { Wizard, WizardStep } from "$lib/dusk/components";
+  import { ExistingWalletNotice } from "$lib/components";
+  import { mnemonicPhraseResetStore, settingsStore } from "$lib/stores";
+  import {
+    initializeWallet,
+    refreshLocalStoragePasswordInfo,
+  } from "$lib/wallet";
+  import { goto } from "$lib/navigation";
+  import { onDestroy } from "svelte";
+  import NetworkSyncProgress from "./NetworkSyncProgress.svelte";
 
-	/** @type {boolean} */
-	let tosAccepted = false;
+  /** @type {boolean} */
+  let notice = false;
 
-	/** @type {string} */
-	let password = "";
+  /** @type {boolean} */
+  let tosAccepted = false;
 
-	/** @type {boolean} */
-	let isValidPassword = false;
+  /** @type {string} */
+  let password = "";
 
-	/** @type {boolean} */
-	let showPasswordSetup = false;
+  /** @type {boolean} */
+  let isValidPassword = false;
 
-	/** @type {boolean} */
-	let isValidMnemonic = false;
+  /** @type {boolean} */
+  let isValidBlockHeight = false;
 
-	/** @type {string[]} */
-	let mnemonicPhrase = [];
+  /** @type {boolean} */
+  let isSyncCompleted = false;
 
-	$: if (showPasswordSetup) {
-		password = showPasswordSetup ? password : "";
-	}
+  /** @type {boolean} */
+  let showPasswordSetup = true;
+
+  /** @type {boolean} */
+  let isValidMnemonic = false;
+
+  /** @type {string[]} */
+  let mnemonicPhrase = $mnemonicPhraseResetStore;
+
+  /** @type {bigint} */
+  let blockHeight = 0n;
+
+  const { userId } = $settingsStore;
+
+  $: if (showPasswordSetup) {
+    password = showPasswordSetup ? password : "";
+  }
+
+  onDestroy(() => {
+    mnemonicPhraseResetStore.set([]);
+  });
 </script>
 
-{#if !tosAccepted}
-	<div class="onboarding-wrapper" in:fade|global>
-		<TermsOfService bind:tosAccepted/>
-	</div>
+{#if !notice && userId}
+  <div class="onboarding-wrapper" in:fade|global>
+    <ExistingWalletNotice bind:notice />
+  </div>
+{:else if !tosAccepted}
+  <div class="onboarding-wrapper" in:fade|global>
+    <TermsOfService bind:tosAccepted />
+  </div>
 {:else}
-	<Wizard fullHeight={true} steps={3} let:key>
-		<WizardStep
-			step={0}
-			{key}
-			showStepper={true}
-			backButton={{
-				disabled: false,
-				href: "/setup",
-				isAnchor: true
-			}}
-			nextButton={{
-				disabled: !isValidMnemonic
-			}}>
-			<h2 class="h1" slot="heading">
-				Enter<br/>
-				<mark>Mnemonic Phrase</mark>
-			</h2>
-			<MnemonicAuthenticate bind:enteredMnemonicPhrase={mnemonicPhrase} bind:isValid={isValidMnemonic}/>
-		</WizardStep>
-		<WizardStep
-			step={1}
-			{key}
-			showStepper={true}
-			nextButton={{
-				action: async () => {
-					await refreshLocalStoragePasswordInfo(mnemonicPhrase, password);
-				},
-				disabled: !isValidPassword
-			}}
-		>
-			<h2 class="h1" slot="heading">
-				<mark>Password</mark><br/>
-				Setup
-			</h2>
-			<PasswordSetup bind:password bind:isValid={isValidPassword} bind:isToggled={showPasswordSetup}/>
-		</WizardStep>
-		<WizardStep
-			step={2}
-			{key}
-			showStepper={true}
-			hideBackButton={true}
-			nextButton={{
-				action: async () => {
-					await initializeWallet(mnemonicPhrase);
-					mnemonicPhrase = [];
-					await goto("/dashboard");
-				},
-				disabled: false
-			}}>
-			<h2 class="h1" slot="heading">
-				Welcome to<br/>
-				<mark>Dusk</mark>
-			</h2>
-			<AllSet/>
-		</WizardStep>
-	</Wizard>
+  <Wizard fullHeight={true} steps={5} let:key>
+    <WizardStep
+      step={0}
+      {key}
+      showStepper={true}
+      backButton={{
+        disabled: false,
+        href: "/setup",
+        isAnchor: true,
+      }}
+      nextButton={{
+        disabled: !isValidMnemonic,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Enter<br />
+        <mark>Mnemonic Phrase</mark>
+      </h2>
+      <MnemonicAuthenticate
+        bind:enteredMnemonicPhrase={mnemonicPhrase}
+        bind:isValid={isValidMnemonic}
+      />
+    </WizardStep>
+    <WizardStep
+      step={1}
+      {key}
+      showStepper={true}
+      nextButton={{
+        action: async () => {
+          await refreshLocalStoragePasswordInfo(mnemonicPhrase, password);
+        },
+        disabled: !isValidPassword,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        <mark>Password</mark><br />
+        Setup
+      </h2>
+      <PasswordSetup
+        bind:password
+        bind:isValid={isValidPassword}
+        bind:isToggled={showPasswordSetup}
+      />
+    </WizardStep>
+    <WizardStep
+      step={2}
+      {key}
+      showStepper={true}
+      nextButton={{
+        action: async () => {
+          await initializeWallet(mnemonicPhrase.join(" "), blockHeight);
+          mnemonicPhrase = [];
+        },
+        disabled: !isValidBlockHeight,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Network<br />
+        <mark>Syncing</mark>
+      </h2>
+      <NetworkSyncing bind:isValid={isValidBlockHeight} bind:blockHeight />
+    </WizardStep>
+    <WizardStep
+      step={3}
+      {key}
+      showStepper={true}
+      hideBackButton={true}
+      nextButton={{ disabled: !isSyncCompleted }}
+    >
+      <h2 class="h1" slot="heading">
+        Network<br />
+        <mark>Syncing</mark>
+      </h2>
+      <NetworkSyncProgress bind:isValid={isSyncCompleted} />
+    </WizardStep>
+    <WizardStep
+      step={4}
+      {key}
+      showStepper={true}
+      hideBackButton={true}
+      nextButton={{
+        action: async () => {
+          await goto("/dashboard");
+        },
+        disabled: false,
+      }}
+    >
+      <h2 class="h1" slot="heading">
+        Welcome to<br />
+        <mark>Dusk</mark>
+      </h2>
+      <AllSet />
+    </WizardStep>
+  </Wizard>
 {/if}
 
 <style>
-	.onboarding-wrapper {
-		height: 100%;
-		overflow-y: auto;
-	}
+  .onboarding-wrapper {
+    height: 100%;
+    overflow-y: auto;
+  }
 </style>
diff --git a/src/routes/(welcome)/setup/restore/MnemonicAuthenticate.svelte b/src/routes/(welcome)/setup/restore/MnemonicAuthenticate.svelte
index 65b1ace1..6dcee249 100644
--- a/src/routes/(welcome)/setup/restore/MnemonicAuthenticate.svelte
+++ b/src/routes/(welcome)/setup/restore/MnemonicAuthenticate.svelte
@@ -1,20 +1,29 @@
 <script>
-	import { Card, Mnemonic } from "$lib/dusk/components";
+  import { mdiAlertOutline } from "@mdi/js";
 
-	/** @type {boolean} */
-	export let isValid = false;
+  import { validateMnemonic } from "$lib/wallet";
+  import { Mnemonic } from "$lib/dusk/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { toast } from "$lib/dusk/components/Toast/store";
 
-	/** @type {number} */
-	export let wordLimit = 12;
+  /** @type {boolean} */
+  export let isValid = false;
 
-	/** @type {string[]} */
-	export let enteredMnemonicPhrase = [];
+  /** @type {number} */
+  export let wordLimit = 12;
 
-	$: isValid = enteredMnemonicPhrase.filter(word => word !== "").length === wordLimit;
+  /** @type {string[]} */
+  export let enteredMnemonicPhrase = [];
+
+  $: isValid = validateMnemonic(enteredMnemonicPhrase.join(" "));
+  $: if (
+    enteredMnemonicPhrase.filter((word) => word !== "").length === wordLimit &&
+    !isValid
+  ) {
+    toast("error", "Invalid mnemonic phrase", mdiAlertOutline);
+  }
 </script>
 
-<Card heading="Enter your Mnemonic Phrase">
-	<div class="flex flex-col gap-1">
-		<Mnemonic bind:enteredMnemonicPhrase {wordLimit} type="authenticate"/>
-	</div>
-</Card>
+<IconHeadingCard gap="medium" heading="Enter your Mnemonic Phrase">
+  <Mnemonic bind:enteredMnemonicPhrase {wordLimit} type="authenticate" />
+</IconHeadingCard>
diff --git a/src/routes/(welcome)/setup/restore/NetworkSyncProgress.svelte b/src/routes/(welcome)/setup/restore/NetworkSyncProgress.svelte
new file mode 100644
index 00000000..e8aaace5
--- /dev/null
+++ b/src/routes/(welcome)/setup/restore/NetworkSyncProgress.svelte
@@ -0,0 +1,41 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiCubeOutline } from "@mdi/js";
+
+  import { ErrorAlert } from "$lib/dusk/components";
+
+  import { SyncBar } from "$lib/components";
+  import IconHeadingCard from "$lib/containers/Cards/IconHeadingCard.svelte";
+
+  import { walletStore } from "$lib/stores";
+
+  $: ({ syncStatus } = $walletStore);
+
+  /** @type {boolean} */
+  export let isValid = false;
+
+  let syncStarted = false;
+  $: if (!syncStarted && syncStatus.isInProgress) {
+    syncStarted = true;
+  }
+
+  $: isValid = syncStarted && !syncStatus.isInProgress && !syncStatus.error;
+</script>
+
+<IconHeadingCard icons={[mdiCubeOutline]} heading="Network Sync">
+  {#if !syncStarted || (syncStatus.isInProgress && !syncStatus.progress)}
+    <span>Syncing...</span>
+  {:else if syncStatus.isInProgress}
+    <span>Syncing... <b>{(syncStatus.progress * 100).toFixed(0)}%</b></span>
+    <SyncBar
+      from={syncStatus.from}
+      last={syncStatus.last}
+      progress={syncStatus.progress}
+    />
+  {:else if syncStatus.error}
+    <ErrorAlert error={syncStatus.error} summary="Sync failed" />
+  {:else}
+    <span>Sync completed!</span>
+  {/if}
+</IconHeadingCard>
diff --git a/src/routes/(welcome)/setup/restore/NetworkSyncSettings.svelte b/src/routes/(welcome)/setup/restore/NetworkSyncSettings.svelte
new file mode 100644
index 00000000..b2f49989
--- /dev/null
+++ b/src/routes/(welcome)/setup/restore/NetworkSyncSettings.svelte
@@ -0,0 +1,105 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiCubeOutline } from "@mdi/js";
+
+  import { createNumberFormatter } from "$lib/dusk/number";
+  import { makeClassName } from "$lib/dusk/string";
+
+  import { AppAnchor, Banner, BigIntInput } from "$lib/components";
+  import { DOCUMENTATION_LINKS } from "$lib/constants";
+  import { ToggleableCard } from "$lib/containers/Cards";
+
+  import { networkStore, settingsStore } from "$lib/stores";
+
+  /** @type {bigint} */
+  export let blockHeight = 0n;
+
+  /** @type {boolean} */
+  export let isValid = false;
+
+  /** @type {boolean} */
+  export let isToggled = false;
+
+  /** @type {bigint} */
+  let currentNetworkBlock;
+
+  /** @type {boolean} */
+  let errorFetchingCurrentNetworkBlock;
+
+  const { language } = $settingsStore;
+  const numberFormatter = createNumberFormatter(language);
+
+  const resetBlockHeight = () => {
+    blockHeight = 0n;
+  };
+
+  networkStore
+    .getCurrentBlockHeight()
+    .then((block) => {
+      currentNetworkBlock = block;
+    })
+    .catch(() => {
+      errorFetchingCurrentNetworkBlock = true;
+    });
+
+  $: {
+    isValid =
+      !isToggled || (blockHeight >= 0 && blockHeight <= currentNetworkBlock);
+  }
+
+  $: inputClasses = makeClassName({
+    "block-height-input": true,
+    "block-height-input--invalid": !isValid,
+  });
+</script>
+
+<ToggleableCard
+  bind:isToggled
+  iconPath={mdiCubeOutline}
+  heading="Block Height"
+  on:toggle={resetBlockHeight}
+>
+  <BigIntInput className={inputClasses} bind:value={blockHeight} />
+
+  {#if currentNetworkBlock}
+    <span class="block-height-meta"
+      >Network block height: {numberFormatter(currentNetworkBlock)}</span
+    >
+  {/if}
+
+  {#if errorFetchingCurrentNetworkBlock}
+    <Banner
+      title="Unable to fetch current network block height."
+      variant="error"
+    >
+      <p>Please try again later.</p>
+    </Banner>
+  {/if}
+</ToggleableCard>
+
+<Banner title="Syncing from a custom block height is optional." variant="info">
+  <p>
+    Doing so can significantly reduce sync times. However, setting a wrong block
+    can lead to wrong balance or missing transactions. Find out more in our <AppAnchor
+      href={DOCUMENTATION_LINKS.RESTORE_BLOCK_HEIGHT}
+      rel="noopener noreferrer"
+      target="_blank">documentation</AppAnchor
+    >.
+  </p>
+</Banner>
+
+<style lang="postcss">
+  :global {
+    .block-height-meta {
+      display: inline-block;
+      font-size: 0.75em;
+      margin-left: 1em;
+      opacity: 0.5;
+    }
+
+    .block-height-input--invalid {
+      color: var(--error-color);
+    }
+  }
+</style>
diff --git a/src/routes/(welcome)/setup/restore/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/setup/restore/__tests__/__snapshots__/page.spec.js.snap
index d93b11d7..39bf4757 100644
--- a/src/routes/(welcome)/setup/restore/__tests__/__snapshots__/page.spec.js.snap
+++ b/src/routes/(welcome)/setup/restore/__tests__/__snapshots__/page.spec.js.snap
@@ -1,85 +1,449 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Restore > should render the Terms of Service step of the Restore flow 1`] = `
-<div>
-  <div
-    class="onboarding-wrapper s-03q11ctojZzO"
-  >
-    <section
-      class="flex flex-col flex-1"
+exports[`Restore > should render the Existing Wallet notice step of the Restore flow if there is a userId saved in localStorage 1`] = `
+<div
+  class="onboarding-wrapper svelte-i0tbsw"
+>
+  <section>
+    <div
+      class="dusk-card dusk-card--gap-default"
     >
       <div
-        class="dusk-card"
+        class="dusk-card__header-container"
       >
         <header
           class="dusk-card__header"
+          slot="header"
+        >
+          <div
+            class="dusk-card__heading-container dusk-card__heading-container--warning-card"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
+              />
+            </svg>
+            
+             
+            <h3
+              class="h4"
+            >
+              Existing Wallet Detected
+            </h3>
+          </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <p>
+          Initializing a new wallet will replace your existing local wallet cache,
+      erasing any stored data. Ensure you have securely backed up your current
+      wallet's mnemonic phrase to prevent loss. Proceeding without a backup can
+      lead to irreversible loss of access to your assets.
+        </p>
+         
+        <div
+          class="actions svelte-3n8m2w"
         >
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default actions__action"
+            href="/some-base-path/setup"
+          >
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Back
+            </span>
+            
+          </a>
            
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default actions__action"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Proceed
+            </span>
+          </button>
+        </div>
+      </div>
+       
+    </div>
+    
+  </section>
+</div>
+`;
+
+exports[`Restore > should render the Mnemonic Authenticate step after accepting the Existing Wallet Notice and the Terms of Service 1`] = `
+<div
+  class="dusk-wizard dusk-wizard--full-height"
+>
+   
+  <h2
+    class="h1"
+    slot="heading"
+  >
+    Enter
+    <br />
+     
+    <mark>
+      Mnemonic Phrase
+    </mark>
+  </h2>
+   
+  <div
+    class="dusk-stepper dusk-stepper--variant--secondary"
+    style="--columns: 5; --progress-width: 0%;"
+  >
+    <span
+      aria-current="step"
+      class="dusk-stepper__step dusk-stepper__step--processed"
+    >
+      1
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      2
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      3
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      4
+       
+    </span>
+    <span
+      class="dusk-stepper__step"
+    >
+      5
+       
+    </span>
+    
+  </div>
+  
+   
+  <div
+    class="dusk-card dusk-card--gap-medium"
+  >
+    <div
+      class="dusk-card__header-container"
+    >
+      <header
+        class="dusk-card__header"
+        slot="header"
+      >
+        <div
+          class="dusk-card__heading-container"
+        >
           <h3
             class="h4"
           >
-            Terms & Privacy Policy
+            Enter your Mnemonic Phrase
           </h3>
            
-        </header>
-         
+        </div>
+      </header>
+    </div>
+     
+    <div
+      class="dusk-card__body-container"
+    >
+      <div
+        class="dusk-mnemonic"
+      >
         <div
-          class="flex flex-col gap-1"
+          class="dusk-mnemonic__actions-wrapper"
         >
-          <p>
-            Our 
-            <a
-              class="dusk-anchor"
-              href="https://dusk.network/privacy-policy/"
-              rel="noopener noreferrer"
-              target="_blank"
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
             >
-              Terms & Privacy Policy
-            </a>
-            <!--&lt;Anchor&gt;-->
-             govern your use of our services,
-			including data handling and user responsibilities.
-			Your privacy and security are our top priorities.
-          </p>
+              <path
+                d="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z"
+              />
+            </svg>
+            
+             
+            <span
+              class="dusk-button__text"
+            >
+              Paste mnemonic phrase
+            </span>
+            
+          </button>
            
-          <div
-            class="flex gap-1 w-100"
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+            disabled=""
+            type="button"
           >
-            <a
-              aria-disabled="false"
-              class="dusk-anchor dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--normal flex-1"
-              href="/setup"
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
             >
-              <span
-                class="dusk-anchor-button__text"
-              >
-                Cancel
-              </span>
-              
-            </a>
-            <!--&lt;Anchor&gt;-->
-            <!--&lt;AnchorButton&gt;-->
+              <path
+                d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z"
+              />
+            </svg>
+            
              
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--normal flex-1"
-              type="button"
+            <span
+              class="dusk-button__text"
             >
-              <span
-                class="dusk-button__text"
-              >
-                Accept
-              </span>
-            </button>
-            <!--&lt;Button&gt;-->
-          </div>
+              Undo
+            </span>
+            
+          </button>
+        </div>
+         
+        <ol
+          class="dusk-words"
+        >
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+          <li
+            class="dusk-words__word"
+          >
+            _____
+          </li>
+        </ol>
+         
+        <div
+          class="dusk-mnemonic__authenticate-actions-wrapper"
+        >
+          <input
+            class="dusk-textbox dusk-textbox-text"
+            maxlength="8"
+            placeholder="Enter word 1"
+            type="text"
+          />
+          
+           
+          
         </div>
       </div>
+    </div>
+     
+  </div>
+  
+   
+  <div
+    class="dusk-wizard__step-navigation"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+      href="/some-base-path/setup"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
       
-      <!--&lt;Card&gt;-->
-    </section>
-    <!--&lt;TermsOfService&gt;-->
+      
+    </a>
+    
+     
+    <button
+      class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled"
+      disabled=""
+      type="button"
+    >
+      <span
+        class="dusk-button__text"
+      >
+        Next
+      </span>
+       
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
+        />
+      </svg>
+      
+    </button>
   </div>
   
-  <!--&lt;+page&gt;-->
+  
+   
+  
+   
+  
+   
+  
+   
+  
+</div>
+`;
+
+exports[`Restore > should render the Terms of Service step of the Restore flow if there is no userId saved in localStorage 1`] = `
+<div
+  class="onboarding-wrapper svelte-i0tbsw"
+>
+  <section>
+    <div
+      class="dusk-card dusk-card--gap-default"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
+        >
+          <div
+            class="dusk-card__heading-container"
+          >
+            <h3
+              class="h4"
+            >
+              Terms & Privacy Policy
+            </h3>
+             
+          </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <p>
+          Our 
+          <a
+            class="dusk-anchor dusk-anchor--on-surface"
+            href="https://dusk.network/privacy-policy/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            Terms & Privacy Policy
+          </a>
+           govern your use of our services, including data handling and user responsibilities.
+      Your privacy and security are our top priorities.
+        </p>
+         
+        <div
+          class="actions svelte-3n8m2w"
+        >
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default actions__action"
+            href="/some-base-path/setup"
+          >
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Cancel
+            </span>
+            
+          </a>
+           
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default actions__action"
+            type="button"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Accept
+            </span>
+          </button>
+        </div>
+      </div>
+       
+    </div>
+    
+  </section>
 </div>
 `;
diff --git a/src/routes/(welcome)/setup/restore/__tests__/page.spec.js b/src/routes/(welcome)/setup/restore/__tests__/page.spec.js
index 8b8257bb..9eed8e5a 100644
--- a/src/routes/(welcome)/setup/restore/__tests__/page.spec.js
+++ b/src/routes/(welcome)/setup/restore/__tests__/page.spec.js
@@ -1,18 +1,254 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { getKey, setKey } from "lamb";
+import { get } from "svelte/store";
+import { tick } from "svelte";
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import * as navigation from "$lib/navigation";
 import {
-	afterEach,
-	describe,
-	expect,
-	it
-} from "vitest";
-import { cleanup, render } from "@testing-library/svelte";
+  mnemonicPhraseResetStore,
+  settingsStore,
+  walletStore,
+} from "$lib/stores";
+import * as walletLib from "$lib/wallet";
+import loginInfoStorage from "$lib/services/loginInfoStorage";
+import { toastList } from "$lib/dusk/components/Toast/store";
+
 import Restore from "../+page.svelte";
 
-describe("Restore", () => {
-	afterEach(cleanup);
+/**
+ * @param {HTMLElement} input
+ * @param {*} value
+ * @returns {Promise<boolean>}
+ */
+const fireInput = (input, value) =>
+  fireEvent.input(input, { target: { value } });
+
+/** @param {HTMLElement} element */
+const asInput = (element) => /** @type {HTMLInputElement} */ (element);
+
+describe("Restore", async () => {
+  const mnemonic = walletLib.generateMnemonic();
+  const invalidMnemonic = "dad dad dad dad dad dad dad dad dad dad dad dad";
+  const pwd = "passwordpassword";
+  const loginInfo = await walletLib.encryptMnemonic(mnemonic, pwd);
+  const seed = walletLib.getSeedFromMnemonic(mnemonic);
+  const userId = await walletLib
+    .profileGeneratorFrom(seed)
+    .then(getKey("default"))
+    .then(getKey("address"))
+    .then(String);
+  const gotoSpy = vi.spyOn(navigation, "goto");
+  const settingsResetSpy = vi.spyOn(settingsStore, "reset");
+  const clearAndInitSpy = vi
+    .spyOn(walletStore, "clearLocalDataAndInit")
+    .mockResolvedValue(undefined);
+  const readTextMock = vi.fn().mockResolvedValue(mnemonic);
+  const initWalletSpy = vi.spyOn(walletLib, "initializeWallet");
+
+  Object.assign(window.navigator, { clipboard: { readText: readTextMock } });
+
+  afterEach(async () => {
+    cleanup();
+    clearAndInitSpy.mockClear();
+    gotoSpy.mockClear();
+    settingsStore.reset();
+    settingsResetSpy.mockClear();
+    initWalletSpy.mockClear();
+    walletStore.reset();
+    readTextMock.mockClear();
+  });
+
+  afterAll(() => {
+    clearAndInitSpy.mockRestore();
+    gotoSpy.mockRestore();
+    settingsResetSpy.mockRestore();
+    initWalletSpy.mockRestore();
+  });
+
+  it("should render the Existing Wallet notice step of the Restore flow if there is a userId saved in localStorage", () => {
+    settingsStore.update(setKey("userId", userId));
+
+    const { container } = render(Restore);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the Terms of Service step of the Restore flow if there is no userId saved in localStorage", () => {
+    const { container } = render(Restore);
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should render the Mnemonic Authenticate step after accepting the Existing Wallet Notice and the Terms of Service", async () => {
+    settingsStore.update(setKey("userId", userId));
+
+    const { container, getByRole } = render(Restore);
+
+    await fireEvent.click(getByRole("button", { name: "Proceed" }));
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
+  it("should allow the user to proceed to password setup after a valid mnemonic has been provided", async () => {
+    const { getByRole } = render(Restore);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    const nextButton = getByRole("button", { name: "Next" });
+
+    expect(nextButton).toBeDisabled();
+
+    await fireEvent.click(
+      getByRole("button", { name: "Paste mnemonic phrase" })
+    );
+
+    await tick();
+    expect(nextButton).not.toBeDisabled();
+  });
+
+  it("should not allow the user to proceed to password setup after an invalid mnemonic has been provided", async () => {
+    readTextMock.mockResolvedValueOnce(invalidMnemonic);
+
+    const { getByRole } = render(Restore);
+
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    const nextButton = getByRole("button", { name: "Next" });
+
+    expect(nextButton).toBeDisabled();
+
+    expect(get(toastList).length).toBe(0);
+
+    await fireEvent.click(
+      getByRole("button", { name: "Paste mnemonic phrase" })
+    );
+    await tick();
+
+    expect(get(toastList).length).toBe(1);
+    expect(nextButton).toBeDisabled();
+  });
+
+  it("should initialize the wallet without setting a password", async () => {
+    loginInfoStorage.set(loginInfo);
+
+    const { getByRole } = render(Restore);
+
+    // ToS step
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    // Mnemonic Authenticate step
+    const nextButton = getByRole("button", { name: "Next" });
+
+    expect(nextButton).toBeDisabled();
+
+    await fireEvent.click(
+      getByRole("button", { name: "Paste mnemonic phrase" })
+    );
+
+    expect(nextButton).toBeEnabled();
+    await fireEvent.click(nextButton);
+
+    // Set Password step
+    await fireEvent.click(getByRole("switch"));
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    expect(loginInfoStorage.get()).toBeNull();
+
+    // Block Height Step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledWith(mnemonic, 0n);
+
+    await vi.waitUntil(() => clearAndInitSpy.mock.calls.length === 1);
+
+    expect(clearAndInitSpy).toHaveBeenCalledTimes(1);
+    expect(clearAndInitSpy).toHaveBeenCalledWith(
+      expect.any(ProfileGenerator),
+      0n
+    );
+
+    // Syncing Step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // All Done Step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
+
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+  });
+
+  it("should initialize the wallet with the encrypted mnemonic saved in localStorage", async () => {
+    const { getByRole, getByPlaceholderText } = render(Restore);
+
+    // ToS step
+    await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+    // Mnemonic Authenticate step
+    const nextButton = getByRole("button", { name: "Next" });
+
+    expect(nextButton).toBeDisabled();
+
+    await fireEvent.click(
+      getByRole("button", { name: "Paste mnemonic phrase" })
+    );
+    await tick();
+    expect(nextButton).toBeEnabled();
+    await fireEvent.click(nextButton);
+
+    // Set Password step
+    expect(loginInfoStorage.get()).toBeNull();
+
+    await fireInput(asInput(getByPlaceholderText("Set Password")), pwd);
+    await fireInput(asInput(getByPlaceholderText("Confirm Password")), pwd);
+
+    expect(loginInfoStorage.get()).toBeNull();
+
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+    await vi.waitFor(() => {
+      expect(loginInfoStorage.get()).not.toBeNull();
+    });
+
+    // Block Height step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    expect(settingsResetSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledTimes(1);
+    expect(initWalletSpy).toHaveBeenCalledWith(mnemonic, 0n);
+
+    await vi.waitUntil(() => clearAndInitSpy.mock.calls.length === 1);
+
+    expect(clearAndInitSpy).toHaveBeenCalledTimes(1);
+    expect(clearAndInitSpy).toHaveBeenCalledWith(
+      expect.any(ProfileGenerator),
+      0n
+    );
+
+    // Network Sync step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    // All Done step
+    await fireEvent.click(getByRole("button", { name: "Next" }));
+
+    await vi.waitUntil(() => gotoSpy.mock.calls.length > 0);
+
+    expect(gotoSpy).toHaveBeenCalledTimes(1);
+    expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+  });
+
+  it("should reset the Restore Mnemonic store on unmount", () => {
+    const { unmount } = render(Restore);
+
+    mnemonicPhraseResetStore.set([mnemonic]);
 
-	it("should render the Terms of Service step of the Restore flow", () => {
-		const { container } = render(Restore);
+    unmount();
 
-		expect(container.firstChild).toMatchSnapshot();
-	});
+    expect(get(mnemonicPhraseResetStore)).toStrictEqual([]);
+  });
 });
diff --git a/src/routes/(welcome)/unlock/+page.svelte b/src/routes/(welcome)/unlock/+page.svelte
new file mode 100644
index 00000000..6a566de8
--- /dev/null
+++ b/src/routes/(welcome)/unlock/+page.svelte
@@ -0,0 +1,191 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiArrowLeft, mdiKeyOutline } from "@mdi/js";
+
+  import { getErrorFrom } from "$lib/dusk/error";
+  import { Button, Textbox } from "$lib/dusk/components";
+  import {
+    InvalidMnemonicError,
+    InvalidPasswordError,
+    MismatchedWalletError,
+  } from "$lib/errors";
+
+  import { AppAnchor, AppAnchorButton, Banner } from "$lib/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+  import { goto } from "$lib/navigation";
+  import {
+    mnemonicPhraseResetStore,
+    settingsStore,
+    walletStore,
+  } from "$lib/stores";
+  import {
+    decryptMnemonic,
+    getSeedFromMnemonic,
+    profileGeneratorFrom,
+    validateMnemonic,
+  } from "$lib/wallet";
+  import loginInfoStorage from "$lib/services/loginInfoStorage";
+
+  /** @type {(seed: Uint8Array<ArrayBuffer>) => Promise<ProfileGenerator>} */
+  async function checkLocalData(seed) {
+    const profileGenerator = await profileGeneratorFrom(seed);
+    const defaultAddress = (await profileGenerator.default).address.toString();
+    const currentAddress = $settingsStore.userId;
+
+    if (!currentAddress || currentAddress !== defaultAddress) {
+      throw new MismatchedWalletError();
+    }
+
+    return profileGenerator;
+  }
+
+  /** @type {(mnemonic: string) => Promise<Uint8Array<ArrayBuffer>>} */
+  const getSeedFromMnemonicAsync = async (mnemonic) =>
+    validateMnemonic(mnemonic)
+      ? getSeedFromMnemonic(mnemonic)
+      : Promise.reject(new InvalidMnemonicError());
+
+  /** @type {(loginInfo: WalletEncryptInfo) => (pwd: string) => Promise<Uint8Array<ArrayBuffer>>} */
+  const getSeedFromInfo = (loginInfo) => (pwd) =>
+    decryptMnemonic(loginInfo, pwd).then(getSeedFromMnemonic, () =>
+      Promise.reject(new InvalidPasswordError())
+    );
+
+  const loginInfo = loginInfoStorage.get();
+  const modeLabel = loginInfo ? "Password" : "Mnemonic phrase";
+
+  /** @type {Textbox} */
+  let fldSecret;
+
+  /** @type {string} */
+  let secretText = "";
+
+  /** @type {Error} */
+  let error;
+
+  /** @type {import("svelte/elements").FormEventHandler<HTMLFormElement>} */
+  function handleUnlockWalletSubmit() {
+    /** @type {(mnemonic: string) => Promise<Uint8Array<ArrayBuffer>>} */
+    const getSeed = loginInfo
+      ? getSeedFromInfo(loginInfo)
+      : (mnemonic) => getSeedFromMnemonicAsync(mnemonic.toLowerCase());
+
+    getSeed(secretText.trim())
+      .then(checkLocalData)
+      .then((profileGenerator) => walletStore.init(profileGenerator))
+      .then(() => goto("/dashboard"))
+      .catch((err) => {
+        if (err instanceof MismatchedWalletError) {
+          const enteredMnemonicPhrase = secretText.split(" ");
+          mnemonicPhraseResetStore.set(enteredMnemonicPhrase);
+          goto("/setup/restore");
+
+          return;
+        } else {
+          error = err instanceof Error ? err : getErrorFrom(err);
+        }
+
+        fldSecret.focus();
+        fldSecret.select();
+      });
+  }
+</script>
+
+<section class="login">
+  <h2 class="h1">
+    Unleash <mark>RWA</mark> and<br />
+    <mark>Decentralized Finance</mark>
+  </h2>
+  <div class="login">
+    <IconHeadingCard
+      tag="article"
+      gap="medium"
+      heading={modeLabel}
+      icons={[mdiKeyOutline]}
+    >
+      <form
+        class="login__form"
+        on:submit|preventDefault={handleUnlockWalletSubmit}
+      >
+        <Textbox
+          bind:this={fldSecret}
+          bind:value={secretText}
+          name={modeLabel}
+          aria-label={modeLabel}
+          placeholder={modeLabel}
+          required
+          type="password"
+          autocomplete="current-password"
+          autofocus
+        />
+        {#if error instanceof InvalidMnemonicError}
+          <Banner title="Invalid mnemonic phrase" variant="error">
+            <p>
+              Please ensure you have entered your 12-word mnemonic phrase, with
+              a space separating each word.
+            </p>
+          </Banner>
+        {:else if error instanceof InvalidPasswordError}
+          <Banner title="Invalid password" variant="error">
+            <p>
+              Please ensure the password entered matches the one you have set up
+              while setting up the wallet. If you have forgotten your password,
+              you can <AppAnchor href="/setup/restore">restore</AppAnchor> your wallet.
+            </p>
+          </Banner>
+        {:else if error}
+          <Banner
+            title={error.name.replace(/(\w)([A-Z])/g, "$1 $2")}
+            variant="error"
+          >
+            <p>{error.message}</p>
+          </Banner>
+        {/if}
+        <Button text="Unlock Wallet" type="submit" />
+        {#if modeLabel === "Password"}
+          <AppAnchorButton
+            variant="tertiary"
+            href="/setup/restore"
+            text="Forgot Password?"
+          />
+        {/if}
+      </form>
+    </IconHeadingCard>
+  </div>
+  <footer class="login-footer">
+    <AppAnchorButton
+      href="/setup"
+      variant="tertiary"
+      icon={{ path: mdiArrowLeft }}
+      text="Back"
+    />
+  </footer>
+</section>
+
+<style lang="postcss">
+  .login,
+  .login-footer,
+  .login__form {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .login {
+    height: 100%;
+    overflow-y: auto;
+    gap: var(--large-gap);
+
+    &__form {
+      gap: var(--default-gap);
+    }
+  }
+
+  .login-footer {
+    gap: var(--default-gap);
+  }
+
+  :global(.alt-login) {
+    width: 100%;
+  }
+</style>
diff --git a/src/routes/(welcome)/unlock/__tests__/__snapshots__/page.spec.js.snap b/src/routes/(welcome)/unlock/__tests__/__snapshots__/page.spec.js.snap
new file mode 100644
index 00000000..ac5d1ee2
--- /dev/null
+++ b/src/routes/(welcome)/unlock/__tests__/__snapshots__/page.spec.js.snap
@@ -0,0 +1,269 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Unlock Wallet > Mnemonic phrase workflow > should render the Unlock Wallet page and show the field to enter the mnemonic phrase, if there is no login info stored 1`] = `
+<section
+  class="login svelte-1e8gc2s"
+>
+  <h2
+    class="h1"
+  >
+    Unleash 
+    <mark>
+      RWA
+    </mark>
+     and
+    <br />
+     
+    <mark>
+      Decentralized Finance
+    </mark>
+  </h2>
+   
+  <div
+    class="login svelte-1e8gc2s"
+  >
+    <article
+      class="dusk-card dusk-card--gap-medium"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
+        >
+          <div
+            class="dusk-card__heading-container"
+          >
+            <h3
+              class="h4"
+            >
+              Mnemonic phrase
+            </h3>
+             
+            <div
+              class="dusk-card__heading-icons"
+            >
+              
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+                />
+              </svg>
+              
+            </div>
+          </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <form
+          class="login__form svelte-1e8gc2s"
+        >
+          <input
+            aria-label="Mnemonic phrase"
+            autocomplete="current-password"
+            autofocus=""
+            class="dusk-textbox dusk-textbox-password"
+            name="Mnemonic phrase"
+            placeholder="Mnemonic phrase"
+            required=""
+            type="password"
+          />
+          
+           
+           
+          <button
+            class="dusk-button dusk-button--type--submit dusk-button--variant--primary dusk-button--size--default"
+            type="submit"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Unlock Wallet
+            </span>
+          </button>
+           
+        </form>
+      </div>
+       
+    </article>
+    
+  </div>
+   
+  <footer
+    class="login-footer svelte-1e8gc2s"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+      href="/some-base-path/setup"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
+  </footer>
+</section>
+`;
+
+exports[`Unlock Wallet > Password workflow > should show the password field and the link to restore the wallet if there is login info stored 1`] = `
+<section
+  class="login svelte-1e8gc2s"
+>
+  <h2
+    class="h1"
+  >
+    Unleash 
+    <mark>
+      RWA
+    </mark>
+     and
+    <br />
+     
+    <mark>
+      Decentralized Finance
+    </mark>
+  </h2>
+   
+  <div
+    class="login svelte-1e8gc2s"
+  >
+    <article
+      class="dusk-card dusk-card--gap-medium"
+    >
+      <div
+        class="dusk-card__header-container"
+      >
+        <header
+          class="dusk-card__header"
+          slot="header"
+        >
+          <div
+            class="dusk-card__heading-container"
+          >
+            <h3
+              class="h4"
+            >
+              Password
+            </h3>
+             
+            <div
+              class="dusk-card__heading-icons"
+            >
+              
+              <svg
+                class="dusk-icon dusk-icon--size--default"
+                role="graphics-symbol"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
+                />
+              </svg>
+              
+            </div>
+          </div>
+        </header>
+      </div>
+       
+      <div
+        class="dusk-card__body-container"
+      >
+        <form
+          class="login__form svelte-1e8gc2s"
+        >
+          <input
+            aria-label="Password"
+            autocomplete="current-password"
+            autofocus=""
+            class="dusk-textbox dusk-textbox-password"
+            name="Password"
+            placeholder="Password"
+            required=""
+            type="password"
+          />
+          
+           
+           
+          <button
+            class="dusk-button dusk-button--type--submit dusk-button--variant--primary dusk-button--size--default"
+            type="submit"
+          >
+            <span
+              class="dusk-button__text"
+            >
+              Unlock Wallet
+            </span>
+          </button>
+           
+          <a
+            aria-disabled="false"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default"
+            href="/some-base-path/setup/restore"
+          >
+            <span
+              class="dusk-anchor-button__text"
+            >
+              Forgot Password?
+            </span>
+            
+          </a>
+        </form>
+      </div>
+       
+    </article>
+    
+  </div>
+   
+  <footer
+    class="login-footer svelte-1e8gc2s"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled"
+      href="/some-base-path/setup"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
+  </footer>
+</section>
+`;
diff --git a/src/routes/(welcome)/unlock/__tests__/page.spec.js b/src/routes/(welcome)/unlock/__tests__/page.spec.js
new file mode 100644
index 00000000..808a44b0
--- /dev/null
+++ b/src/routes/(welcome)/unlock/__tests__/page.spec.js
@@ -0,0 +1,297 @@
+import {
+  afterAll,
+  afterEach,
+  beforeAll,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import { cleanup, fireEvent, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
+import { ProfileGenerator } from "@dusk/w3sper";
+
+import { getKey, setKey } from "lamb";
+
+import { getAsHTMLElement } from "$lib/dusk/test-helpers";
+import * as navigation from "$lib/navigation";
+import { settingsStore, walletStore } from "$lib/stores";
+import {
+  encryptMnemonic,
+  generateMnemonic,
+  getSeedFromMnemonic,
+  profileGeneratorFrom,
+} from "$lib/wallet";
+import loginInfoStorage from "$lib/services/loginInfoStorage";
+
+import UnlockWallet from "../+page.svelte";
+
+/** @param {HTMLElement} container */
+const getTextInput = (container) =>
+  /** @type {HTMLInputElement} */ (
+    container.querySelector("[type='password']")
+  );
+
+describe("Unlock Wallet", async () => {
+  const mnemonic = generateMnemonic();
+  const pwd = "some pwd";
+  const loginInfo = await encryptMnemonic(mnemonic, pwd);
+  const seed = getSeedFromMnemonic(mnemonic);
+  const userId = await profileGeneratorFrom(seed)
+    .then(getKey("default"))
+    .then(getKey("address"))
+    .then(String);
+
+  const getErrorElement = () => document.querySelector(".banner--error");
+  const gotoSpy = vi.spyOn(navigation, "goto");
+  const waitForGoto = () =>
+    vi.waitUntil(() => gotoSpy.mock.calls.length > 0, { timeout: 5_000 });
+
+  /**
+   * Sometimes a "DatabaseClosedError: Database has been closed" is
+   * thrown when running this test (never happened running it in isolation).
+   *
+   * As I can't pinpoint what's causing it (all connections are opened before
+   * db operations), I added the mocked implementation as here we don't care
+   * about running `init` for real.
+   */
+  const initSpy = vi.spyOn(walletStore, "init").mockResolvedValue(void 0);
+
+  afterEach(async () => {
+    cleanup();
+    gotoSpy.mockClear();
+    initSpy.mockClear();
+    settingsStore.reset();
+    walletStore.reset();
+  });
+
+  afterAll(async () => {
+    gotoSpy.mockRestore();
+    initSpy.mockRestore();
+  });
+
+  describe("Mnemonic phrase workflow", () => {
+    it("should render the Unlock Wallet page and show the field to enter the mnemonic phrase, if there is no login info stored", () => {
+      const { container } = render(UnlockWallet, {});
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should show an error message if the user enters an invalid mnemonic", async () => {
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      expect(getErrorElement()).toBeNull();
+
+      await fireEvent.input(textInput, { target: { value: "foo bar" } });
+      await fireEvent.submit(form, { currentTarget: form });
+
+      const errorElement = await vi.waitUntil(getErrorElement);
+      const selectedText = textInput.value.substring(
+        Number(textInput.selectionStart),
+        Number(textInput.selectionEnd)
+      );
+
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(errorElement?.textContent).toMatch("Invalid mnemonic phrase");
+      expect(textInput).toHaveFocus();
+      expect(selectedText).toBe(textInput.value);
+    });
+
+    it("should redirect to the Restore flow if the user inputs a valid mnemonic with no prior wallet created", async () => {
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: mnemonic } });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe("");
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(gotoSpy).toHaveBeenCalledWith("/setup/restore");
+    });
+
+    it("should redirect to the Restore flow the user inputs a valid mnemonic different from the last one used", async () => {
+      const currentUserID = "some-user-id";
+      settingsStore.update(setKey("userId", currentUserID));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: mnemonic } });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe(currentUserID);
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(gotoSpy).toHaveBeenCalledWith("/setup/restore");
+    });
+
+    it("should unlock the Wallet if the entered mnemonic is the last one used", async () => {
+      settingsStore.update(setKey("userId", userId));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: mnemonic } });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe(userId);
+      expect(initSpy).toHaveBeenCalledTimes(1);
+      expect(initSpy).toHaveBeenCalledWith(expect.any(ProfileGenerator));
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+    });
+
+    it("should trim and lower case the entered mnemonic before validating it", async () => {
+      settingsStore.update(setKey("userId", userId));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, {
+        target: { value: `  \t${mnemonic.toUpperCase()} \t  ` },
+      });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe(userId);
+      expect(initSpy).toHaveBeenCalledTimes(1);
+      expect(initSpy).toHaveBeenCalledWith(expect.any(ProfileGenerator));
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+    });
+  });
+
+  describe("Password workflow", () => {
+    beforeAll(() => {
+      loginInfoStorage.set(loginInfo);
+    });
+
+    afterAll(() => {
+      loginInfoStorage.remove();
+    });
+
+    it("should show the password field and the link to restore the wallet if there is login info stored", () => {
+      const { container } = render(UnlockWallet, {});
+
+      expect(container.firstChild).toMatchSnapshot();
+    });
+
+    it("should show an error message if the user enters the wrong password", async () => {
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      expect(getErrorElement()).toBeNull();
+
+      await fireEvent.input(textInput, { target: { value: "foo bar" } });
+      await fireEvent.submit(form, { currentTarget: form });
+
+      const errorElement = await vi.waitUntil(getErrorElement);
+      const selectedText = textInput.value.substring(
+        Number(textInput.selectionStart),
+        Number(textInput.selectionEnd)
+      );
+
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(errorElement?.textContent).toMatch("Invalid password");
+      expect(textInput).toHaveFocus();
+      expect(selectedText).toBe(textInput.value);
+    });
+
+    /**
+     * This is not a possible situation, in theory, but
+     * the workflow is able to deal with it.
+     */
+    it("should redirect to the Restore flow if the user inputs the correct password with no prior wallet created", async () => {
+      settingsStore.update(setKey("userId", ""));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: pwd } });
+      await fireEvent.submit(form, { currentTarget: form });
+
+      expect(getErrorElement()).toBeNull();
+
+      await waitForGoto();
+
+      expect(getErrorElement()).toBeNull();
+      expect(get(settingsStore).userId).toBe("");
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/setup/restore");
+    });
+
+    /**
+     * This is not a possible situation, in theory, but
+     * the workflow is able to deal with it.
+     */
+    it("should redirect to the Restore flow if the user inputs the correct password for a mnemonic different from the last one used", async () => {
+      const currentUserID = "some-user-id";
+
+      settingsStore.update(setKey("userId", currentUserID));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: pwd } });
+      await fireEvent.submit(form, { currentTarget: form });
+
+      expect(getErrorElement()).toBeNull();
+
+      await waitForGoto();
+
+      expect(initSpy).not.toHaveBeenCalled();
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/setup/restore");
+    });
+
+    it("should unlock the Wallet is the entered password is for the last used mnemonic", async () => {
+      settingsStore.update(setKey("userId", userId));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, { target: { value: pwd } });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe(userId);
+      expect(initSpy).toHaveBeenCalledTimes(1);
+      expect(initSpy).toHaveBeenCalledWith(expect.any(ProfileGenerator));
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+    });
+
+    it("should trim the entered password before validating it", async () => {
+      settingsStore.update(setKey("userId", userId));
+
+      const { container } = render(UnlockWallet, {});
+      const form = getAsHTMLElement(container, "form");
+      const textInput = getTextInput(container);
+
+      await fireEvent.input(textInput, {
+        target: { value: `  \t${pwd} \t  ` },
+      });
+      await fireEvent.submit(form, { currentTarget: form });
+      await waitForGoto();
+
+      expect(get(settingsStore).userId).toBe(userId);
+      expect(initSpy).toHaveBeenCalledTimes(1);
+      expect(initSpy).toHaveBeenCalledWith(expect.any(ProfileGenerator));
+      expect(gotoSpy).toHaveBeenCalledTimes(1);
+      expect(gotoSpy).toHaveBeenCalledWith("/dashboard");
+    });
+  });
+});
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 845507b0..9b4ebb3d 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,23 +1,23 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { page } from "$app/stores";
+  import { page } from "$app/stores";
 
-	const { error, status } = $page;
+  const { error, status } = $page;
 </script>
 
 <section class="error-message">
-	<h2>Error - {status}</h2>
-	<p>{error?.message ?? ""}</p>
+  <h2>Error - {status}</h2>
+  <p>{error?.message ?? ""}</p>
 </section>
 
 <style lang="postcss">
-	.error-message {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		width: 100%;
-		height: 100%;
-	}
+  .error-message {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
 </style>
diff --git a/src/routes/+layout.js b/src/routes/+layout.js
index 05762c90..2cc23204 100644
--- a/src/routes/+layout.js
+++ b/src/routes/+layout.js
@@ -1,6 +1,38 @@
-import "$lib/dusk/polyfill/asyncIterator";
+/** @see https://github.com/dusk-network/rusk/issues/3570 */
+import "$lib/dusk/polyfill";
 
 export const csr = true;
 export const prerender = true;
 export const ssr = false;
 export const trailingSlash = "always";
+
+/** @type {import("./$types").LayoutLoad} */
+export async function load() {
+  let needsStreamsPolyfill =
+    !globalThis.ReadableStream ||
+    !globalThis.TransformStream ||
+    !globalThis.ReadableStream.prototype?.pipeTo ||
+    !globalThis.ReadableStream.prototype?.[Symbol.asyncIterator];
+
+  if (!needsStreamsPolyfill) {
+    try {
+      // Some versions of Safari supports streams but not the BYOB mode
+      new ReadableStream({ type: "bytes" }).getReader({ mode: "byob" });
+    } catch {
+      // eslint-disable-next-line no-console
+      console.warn("Native BYOB support missing, forcing polyfill");
+      needsStreamsPolyfill = true;
+    }
+  }
+
+  if (needsStreamsPolyfill) {
+    await import("web-streams-polyfill/polyfill");
+
+    // eslint-disable-next-line no-console
+    console.info(
+      "Web Streams polyfilled with `web-streams-polyfill` via layout load"
+    );
+  }
+
+  return {};
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e5eade4e..85154238 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,23 +1,29 @@
 <script>
-	import { Toast, Tooltip } from "$lib/dusk/components";
-	import "../style/main.css";
+  import { settingsStore } from "$lib/stores";
+  import { Toast, Tooltip } from "$lib/dusk/components";
+
+  import "../style/main.css";
+
+  settingsStore.subscribe(({ darkMode }) => {
+    document.documentElement.classList.toggle("dark", darkMode);
+  });
 </script>
 
 <main class="app">
-	<h1 class="visible-hidden">Dusk Web Wallet</h1>
-	<slot/>
+  <h1 class="sr-only">Dusk Web Wallet</h1>
+  <slot />
 </main>
 
-<Tooltip id="main-tooltip"/>
-<Toast/>
+<Tooltip id="main-tooltip" />
+<Toast />
 
 <style>
-	.app {
-		height: 100%;
-		padding: 1.38rem;
-		display: flex;
-		flex-direction: column;
-		gap: 2rem;
-		overflow-y: hidden;
-	}
+  .app {
+    height: 100%;
+    padding: 1.38rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    overflow-y: hidden;
+  }
 </style>
diff --git a/src/routes/+page.js b/src/routes/+page.js
index 8737c21a..9deb5ffc 100644
--- a/src/routes/+page.js
+++ b/src/routes/+page.js
@@ -1,6 +1,6 @@
-import { redirect } from "@sveltejs/kit";
+import { redirect } from "$lib/navigation";
 
 /** @type {import('./$types').PageLoad} */
-export function load () {
-	throw redirect(301, "/setup");
+export function load() {
+  redirect(301, "/setup");
 }
diff --git a/src/routes/__tests__/__snapshots__/layout.spec.js.snap b/src/routes/__tests__/__snapshots__/layout.spec.js.snap
new file mode 100644
index 00000000..6819e634
--- /dev/null
+++ b/src/routes/__tests__/__snapshots__/layout.spec.js.snap
@@ -0,0 +1,31 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Main layout > should render the main layout 1`] = `
+<div>
+  <main
+    class="app svelte-3y7xzm"
+  >
+    <h1
+      class="sr-only"
+    >
+      Dusk Web Wallet
+    </h1>
+     
+  </main>
+   
+   
+  <div
+    aria-hidden="true"
+    class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
+    id="main-tooltip"
+    role="tooltip"
+    style="left: 0px; top: 0px;"
+  >
+    
+  </div>
+   
+  <ul
+    class="dusk-toast"
+  />
+</div>
+`;
diff --git a/src/routes/__tests__/layout.spec.js b/src/routes/__tests__/layout.spec.js
new file mode 100644
index 00000000..cd9e680c
--- /dev/null
+++ b/src/routes/__tests__/layout.spec.js
@@ -0,0 +1,39 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
+
+import { settingsStore } from "$lib/stores";
+
+import MainLayout from "../+layout.svelte";
+
+describe("Main layout", async () => {
+  const isDarkMode = () => get(settingsStore).darkMode;
+  const hasDarkClass = () =>
+    document.documentElement.classList.contains("dark");
+
+  afterEach(() => {
+    cleanup();
+    settingsStore.reset();
+  });
+
+  it("should render the main layout", () => {
+    const { container } = render(MainLayout);
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should add and remove the "dark" class name to the `html` element when the `darkMode` value changes in thesettings store', () => {
+    expect(isDarkMode()).toBe(false);
+    expect(hasDarkClass()).toBe(false);
+
+    settingsStore.update((store) => ({ ...store, darkMode: true }));
+
+    expect(isDarkMode()).toBe(true);
+    expect(hasDarkClass()).toBe(true);
+
+    settingsStore.reset();
+
+    expect(isDarkMode()).toBe(false);
+    expect(hasDarkClass()).toBe(false);
+  });
+});
diff --git a/src/routes/__tests__/page.spec.js b/src/routes/__tests__/page.spec.js
new file mode 100644
index 00000000..2a5c313d
--- /dev/null
+++ b/src/routes/__tests__/page.spec.js
@@ -0,0 +1,25 @@
+import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
+
+import * as navigation from "$lib/navigation";
+
+import { load } from "../+page";
+
+describe("Main +page.js", () => {
+  const redirectSpy = vi.spyOn(navigation, "redirect");
+
+  afterEach(() => {
+    redirectSpy.mockClear();
+  });
+
+  afterAll(() => {
+    redirectSpy.mockRestore();
+  });
+
+  it("should redirect the user to the setup page", () => {
+    // @ts-ignore
+    expect(() => load()).toThrow();
+
+    expect(redirectSpy).toHaveBeenCalledTimes(1);
+    expect(redirectSpy).toHaveBeenCalledWith(301, "/setup");
+  });
+});
diff --git a/src/routes/components-showcase/+page.svelte b/src/routes/components-showcase/+page.svelte
index 4df98c47..508db2c1 100644
--- a/src/routes/components-showcase/+page.svelte
+++ b/src/routes/components-showcase/+page.svelte
@@ -1,92 +1,100 @@
-<svelte:options immutable={true}/>
+<svelte:options immutable={true} />
 
 <script>
-	import { fade } from "svelte/transition";
-	import { Select } from "$lib/dusk/components";
-	import AnchorButtons from "./AnchorButtons.svelte";
-	import Badges from "./Badges.svelte";
-	import Balances from "./Balances.svelte";
-	import Cards from "./Cards.svelte";
-	import Checkboxes from "./Checkboxes.svelte";
-	import IconButtons from "./IconButtons.svelte";
-	import LabeledButtons from "./LabeledButtons.svelte";
-	import ProgressBars from "./ProgressBars.svelte";
-	import Selects from "./Selects.svelte";
-	import Steppers from "./Steppers.svelte";
-	import Switches from "./Switches.svelte";
-	import Tabboxes from "./Tabboxes.svelte";
-	import Textboxes from "./Textboxes.svelte";
-	import Throbbers from "./Throbbers.svelte";
-	import Toasts from "./Toasts.svelte";
-	import Tooltips from "./Tooltips.svelte";
-	import Wizards from "./Wizards.svelte";
+  import { fade } from "svelte/transition";
+  import { Select } from "$lib/dusk/components";
+  import Banners from "./Banners.svelte";
+  import Badges from "./Badges.svelte";
+  import Balances from "./Balances.svelte";
+  import BigIntInput from "./BigIntInput.svelte";
+  import Buttons from "./Buttons.svelte";
+  import Cards from "./Cards.svelte";
+  import Checkboxes from "./Checkboxes.svelte";
+  import CopyField from "./CopyField.svelte";
+  import DashboardNavs from "./DashboardNavs.svelte";
+  import ExclusiveChoices from "./ExclusiveChoices.svelte";
+  import MigrateContract from "./MigrateContract.svelte";
+  import ProgressBars from "./ProgressBars.svelte";
+  import Selects from "./Selects.svelte";
+  import Steppers from "./Steppers.svelte";
+  import Switches from "./Switches.svelte";
+  import Tabboxes from "./Tabboxes.svelte";
+  import Textboxes from "./Textboxes.svelte";
+  import Throbbers from "./Throbbers.svelte";
+  import Toasts from "./Toasts.svelte";
+  import Tooltips from "./Tooltips.svelte";
+  import Wizards from "./Wizards.svelte";
 
-	/** @type {Record<string, import("svelte").ComponentType>} */
-	const componentsMap = {
-		"Anchor buttons": AnchorButtons,
-		"Badges": Badges,
-		"Balances": Balances,
-		"Cards": Cards,
-		"Checkboxes": Checkboxes,
-		"Icon buttons": IconButtons,
-		"Labeled buttons": LabeledButtons,
-		"Progress bars": ProgressBars,
-		"Selects": Selects,
-		"Steppers": Steppers,
-		"Switches": Switches,
-		"Tabboxes": Tabboxes,
-		"Textboxes": Textboxes,
-		"Throbbers": Throbbers,
-		"Toasts": Toasts,
-		"Tooltips": Tooltips,
-		"Wizards": Wizards
-	};
+  /** @type {Record<string, import("svelte").ComponentType>} */
+  const componentsMap = {
+    Badges: Badges,
+    Balances: Balances,
+    Banners: Banners,
+    BigIntInput: BigIntInput,
+    Buttons: Buttons,
+    Cards: Cards,
+    Checkboxes: Checkboxes,
+    "Copy Field": CopyField,
+    "Dashboard Navs": DashboardNavs,
+    "Exclusive Choices": ExclusiveChoices,
+    "Migrate Contract": MigrateContract,
+    "Progress bars": ProgressBars,
+    Selects: Selects,
+    Steppers: Steppers,
+    Switches: Switches,
+    Tabboxes: Tabboxes,
+    Textboxes: Textboxes,
+    Throbbers: Throbbers,
+    Toasts: Toasts,
+    Tooltips: Tooltips,
+    Wizards: Wizards,
+  };
 
-	const componentsOptions = Object.keys(componentsMap);
+  const componentsOptions = Object.keys(componentsMap);
 
-	let selectedSection = componentsOptions[0];
+  let selectedSection = componentsOptions[0];
 </script>
 
 <section>
-	<header>
-		<h2>COMPONENTS SHOWCASE</h2>
-		<Select options={componentsOptions} bind:value={selectedSection}/>
-	</header>
+  <header>
+    <h2>COMPONENTS SHOWCASE</h2>
+    <Select options={componentsOptions} bind:value={selectedSection} />
+  </header>
 
-	{#key selectedSection}
-		<div in:fade>
-			<svelte:component this={componentsMap[selectedSection]}/>
-		</div>
-	{/key}
+  {#key selectedSection}
+    <div in:fade>
+      <svelte:component this={componentsMap[selectedSection]} />
+    </div>
+  {/key}
 </section>
 
 <style lang="postcss">
-	section {
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
+  section {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
 
-		& > header {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			gap: 1em;
-			padding: .5em;
-		}
+    & > header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 1em;
+      padding: 0.5em;
+    }
 
-		& > div {
-			flex: 1;
-			margin-top: 2em;
-			overflow-y: auto;
+    & > div {
+      flex: 1;
+      margin-top: 2em;
+      overflow-y: auto;
 
-			& > :global(section) {
-				display: flex;
-				align-items: center;
-				justify-content: space-around;
-				flex-wrap: wrap;
-				gap: 1em;
-				margin: 1.5em 0;
-			}
-		}
-	}
+      & > :global(section) {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        flex-wrap: wrap;
+        gap: 1em;
+        margin: 1.5em 0;
+      }
+    }
+  }
 </style>
diff --git a/src/routes/components-showcase/AnchorButtons.svelte b/src/routes/components-showcase/AnchorButtons.svelte
deleted file mode 100644
index 11ad3fb4..00000000
--- a/src/routes/components-showcase/AnchorButtons.svelte
+++ /dev/null
@@ -1,162 +0,0 @@
-<script>
-	import { mdiHome } from "@mdi/js";
-
-	import { AnchorButton } from "$lib/dusk/components";
-</script>
-
-<section>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="secondary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="secondary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="tertiary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="tertiary"
-	/>
-</section>
-<section>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		size="small"
-		variant="secondary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-		variant="secondary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-		variant="tertiary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-		variant="tertiary"
-	/>
-</section>
-<section>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="quaternary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		text="Anchor text"
-		variant="quaternary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-		variant="quaternary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Anchor text"
-		variant="quaternary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		variant="quaternary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		variant="quaternary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="quaternary"
-	/>
-	<AnchorButton
-		disabled={true}
-		href="http://example.com"
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="quaternary"
-	/>
-</section>
-<section>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome, size: "large" }}
-		text="Anchor text"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		text="Anchor text"
-		icon={{ path: mdiHome, size: "large" }}
-		variant="quaternary"
-	/>
-	<AnchorButton
-		href="http://example.com"
-		icon={{ path: mdiHome, size: "large" }}
-		variant="quaternary"
-	/>
-</section>
diff --git a/src/routes/components-showcase/Badges.svelte b/src/routes/components-showcase/Badges.svelte
index 2e499a04..7c7bc793 100644
--- a/src/routes/components-showcase/Badges.svelte
+++ b/src/routes/components-showcase/Badges.svelte
@@ -1,11 +1,10 @@
 <script>
-	import Badge from "$lib/dusk/components/Badge/Badge.svelte";
-
+  import Badge from "$lib/dusk/components/Badge/Badge.svelte";
 </script>
 
 <section>
-	<Badge text="Neutral" variant="neutral"/>
-	<Badge text="Warning" variant="warning"/>
-	<Badge text="Error" variant="error"/>
-	<Badge text="Success" variant="success"/>
+  <Badge text="Neutral" variant="neutral" />
+  <Badge text="Warning" variant="warning" />
+  <Badge text="Error" variant="error" />
+  <Badge text="Success" variant="success" />
 </section>
diff --git a/src/routes/components-showcase/Balances.svelte b/src/routes/components-showcase/Balances.svelte
index 3faac739..f3bff0a1 100644
--- a/src/routes/components-showcase/Balances.svelte
+++ b/src/routes/components-showcase/Balances.svelte
@@ -1,12 +1,47 @@
 <script>
-	import { Balance } from "$lib/components";
+  import { Balance } from "$lib/components";
+
+  const shieldedAmount = 1_000_000_000n;
+  const unshieldedAmount = 2_000_000_000n;
+
+  const shieldedAmountEx2 = 1_000_000_000n;
+  const unshieldedAmountEx2 = 1_000_000_000n;
 </script>
 
 <section>
-	<Balance
-		dusk={2000000}
-		fiat={100000}
-		currency="GBP"
-	/>
-
+  <Balance
+    fiatCurrency="GBP"
+    fiatPrice={10}
+    locale="en"
+    tokenCurrency="DUSK"
+    {shieldedAmount}
+    {unshieldedAmount}
+  />
+  <br />
+  <Balance
+    fiatCurrency="GBP"
+    fiatPrice={10}
+    locale="en"
+    tokenCurrency="DUSK"
+    shieldedAmount={shieldedAmountEx2}
+    unshieldedAmount={unshieldedAmountEx2}
+  />
+  <br />
+  <Balance
+    fiatCurrency="GBP"
+    fiatPrice={10}
+    locale="en"
+    tokenCurrency="DUSK"
+    shieldedAmount={shieldedAmountEx2}
+    unshieldedAmount={0n}
+  />
+  <br />
+  <Balance
+    fiatCurrency="GBP"
+    fiatPrice={10}
+    locale="en"
+    tokenCurrency="DUSK"
+    shieldedAmount={0n}
+    unshieldedAmount={0n}
+  />
 </section>
diff --git a/src/routes/components-showcase/Banners.svelte b/src/routes/components-showcase/Banners.svelte
new file mode 100644
index 00000000..9f252c1e
--- /dev/null
+++ b/src/routes/components-showcase/Banners.svelte
@@ -0,0 +1,31 @@
+<script>
+  import { Banner } from "$lib/components";
+  import { Anchor } from "$lib/dusk/components";
+</script>
+
+<section>
+  <Banner title="Example Info" variant="info">
+    <p>
+      For more information, go on our <Anchor href="dusk.network"
+        >website</Anchor
+      >.
+    </p>
+  </Banner>
+  <Banner title="Example Warning" variant="warning">
+    <p>This transaction will be public.</p>
+  </Banner>
+  <Banner title="Example Error" variant="error">
+    <p>Invalid address entered.</p>
+  </Banner>
+  <h3>Long Content</h3>
+  <Banner
+    title="Setting a password for your web wallet is recommended."
+    variant="info"
+  >
+    <p>
+      Without a password, you will need to input your full mnemonic each time to
+      access your wallet. This could expose your mnemonic to potential threats.
+      Setting a password is highly recommended for better wallet security.
+    </p>
+  </Banner>
+</section>
diff --git a/src/routes/components-showcase/BigIntInput.svelte b/src/routes/components-showcase/BigIntInput.svelte
new file mode 100644
index 00000000..10d64f4b
--- /dev/null
+++ b/src/routes/components-showcase/BigIntInput.svelte
@@ -0,0 +1,11 @@
+<script>
+  import { BigIntInput } from "$lib/components";
+
+  let defaultValue = 0n;
+  let customValue = 125235n;
+</script>
+
+<section>
+  <BigIntInput bind:value={defaultValue} />
+  <BigIntInput bind:value={customValue} />
+</section>
diff --git a/src/routes/components-showcase/Buttons.svelte b/src/routes/components-showcase/Buttons.svelte
new file mode 100644
index 00000000..3e52cf38
--- /dev/null
+++ b/src/routes/components-showcase/Buttons.svelte
@@ -0,0 +1,190 @@
+<script>
+  import { mdiHome } from "@mdi/js";
+
+  import { Button } from "$lib/dusk/components";
+  import AnchorButton from "$lib/dusk/components/AnchorButton/AnchorButton.svelte";
+</script>
+
+<section>
+  <Button icon={{ path: mdiHome }} text="Primary" />
+  <Button disabled={true} icon={{ path: mdiHome }} text="Primary - Disabled" />
+  <br />
+  <Button icon={{ path: mdiHome }} text="Secondary" variant="secondary" />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    text="Secondary - Disabled"
+    variant="secondary"
+  />
+  <br />
+  <Button icon={{ path: mdiHome }} text="Tertiary" variant="tertiary" />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    text="Tertiary - Disabled"
+    variant="tertiary"
+  />
+  <br />
+</section>
+<br />
+<section>
+  <AnchorButton href="#" icon={{ path: mdiHome }} text="Anchor - Primary" />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    text="Anchor - Primary - Disabled"
+  />
+  <AnchorButton
+    href="#"
+    icon={{ path: mdiHome }}
+    text="Anchor - Secondary"
+    variant="secondary"
+  />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    text="Anchor - Secondary - Disabled"
+    variant="secondary"
+  />
+  <AnchorButton
+    href="#"
+    icon={{ path: mdiHome }}
+    text="Anchor - Tertiary"
+    variant="tertiary"
+  />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    text="Tertiary - Disabled"
+    variant="tertiary"
+  />
+  <br />
+</section>
+<br />
+<section>
+  <Button icon={{ path: mdiHome }} size="small" text="Primary – Small" />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    text="Primary - Small - Disabled"
+  />
+  <Button
+    icon={{ path: mdiHome }}
+    text="Secondary – Small"
+    size="small"
+    variant="secondary"
+  />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    text="Secondary - Small - Disabled"
+    variant="secondary"
+  />
+  <Button
+    icon={{ path: mdiHome }}
+    size="small"
+    text="Tertiary - Small"
+    variant="tertiary"
+  />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    text="Tertiary - Disabled"
+    variant="tertiary"
+  />
+</section>
+<br />
+<section>
+  <Button icon={{ path: mdiHome }} />
+  <Button disabled={true} icon={{ path: mdiHome }} />
+  <Button icon={{ path: mdiHome }} variant="secondary" />
+  <Button disabled={true} icon={{ path: mdiHome }} variant="secondary" />
+  <Button icon={{ path: mdiHome }} variant="tertiary" />
+  <Button disabled={true} icon={{ path: mdiHome }} variant="tertiary" />
+</section>
+<section>
+  <Button icon={{ path: mdiHome }} size="small" />
+  <Button disabled={true} icon={{ path: mdiHome }} size="small" />
+  <Button icon={{ path: mdiHome }} size="small" variant="secondary" />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="secondary"
+  />
+  <Button icon={{ path: mdiHome }} size="small" variant="tertiary" />
+  <Button
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="tertiary"
+  />
+</section>
+<hr />
+<section>
+  <AnchorButton href="#" icon={{ path: mdiHome }} />
+  <AnchorButton href="#" disabled={true} icon={{ path: mdiHome }} />
+  <AnchorButton href="#" icon={{ path: mdiHome }} variant="secondary" />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    variant="secondary"
+  />
+  <AnchorButton href="#" icon={{ path: mdiHome }} variant="tertiary" />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    variant="tertiary"
+  />
+</section>
+<section>
+  <AnchorButton href="#" icon={{ path: mdiHome }} size="small" />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+  />
+  <AnchorButton
+    href="#"
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="secondary"
+  />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="secondary"
+  />
+  <AnchorButton
+    href="#"
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="tertiary"
+  />
+  <AnchorButton
+    href="#"
+    disabled={true}
+    icon={{ path: mdiHome }}
+    size="small"
+    variant="tertiary"
+  />
+</section>
+
+<style lang="postcss">
+  section {
+    align-items: flex-start;
+    justify-content: unset !important;
+    margin: 1rem 0 !important;
+  }
+</style>
diff --git a/src/routes/components-showcase/Cards.svelte b/src/routes/components-showcase/Cards.svelte
index 0adab5da..9e0a267c 100644
--- a/src/routes/components-showcase/Cards.svelte
+++ b/src/routes/components-showcase/Cards.svelte
@@ -1,22 +1,91 @@
 <script>
-	import { Card } from "$lib/dusk/components";
-	import { mdiHome } from "@mdi/js";
+  import { Card } from "$lib/dusk/components";
+  import { mdiArrowBottomLeftThin, mdiHome, mdiShieldLock } from "@mdi/js";
+  import {
+    IconHeadingCard,
+    ToggleableCard,
+    WarningCard,
+  } from "$lib/containers/Cards";
 </script>
 
 <section>
-	<Card heading="My Card"/>
-	<Card iconPath={mdiHome} heading="My Card"/>
-	<Card iconPath={mdiHome} heading="My Card">
-		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra tincidunt dolor,
-			nec imperdiet felis tristique non.
-			Nunc quis tempus est, sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.</p>
-		<p>Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel, ullamcorper in velit.
-			Aenean eros dolor, condimentum sed tempor et, ornare in erat.</p>
-	</Card>
+  <Card>
+    <header slot="header">
+      <h3>Card Heading</h3>
+    </header>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra
+      tincidunt dolor, nec imperdiet felis tristique non. Nunc quis tempus est,
+      sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.
+    </p>
+    <p>
+      Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel,
+      ullamcorper in velit. Aenean eros dolor, condimentum sed tempor et, ornare
+      in erat.
+    </p>
+    <footer slot="footer">
+      <small>This is an example footer.</small>
+    </footer>
+  </Card>
+  <hr />
+  <Card>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra
+      tincidunt dolor, nec imperdiet felis tristique non. Nunc quis tempus est,
+      sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.
+    </p>
+    <p>
+      Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel,
+      ullamcorper in velit. Aenean eros dolor, condimentum sed tempor et, ornare
+      in erat.
+    </p>
+  </Card>
+  <hr />
+  <IconHeadingCard
+    heading="No place like home"
+    icons={[mdiArrowBottomLeftThin, mdiShieldLock]}
+  >
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra
+      tincidunt dolor, nec imperdiet felis tristique non. Nunc quis tempus est,
+      sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.
+    </p>
+    <p>
+      Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel,
+      ullamcorper in velit. Aenean eros dolor, condimentum sed tempor et, ornare
+      in erat.
+    </p>
+  </IconHeadingCard>
+  <hr />
+  <WarningCard heading="No place like home">
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra
+      tincidunt dolor, nec imperdiet felis tristique non. Nunc quis tempus est,
+      sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.
+    </p>
+    <p>
+      Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel,
+      ullamcorper in velit. Aenean eros dolor, condimentum sed tempor et, ornare
+      in erat.
+    </p>
+  </WarningCard>
+  <hr />
+  <ToggleableCard heading="No place like home" iconPath={mdiHome}>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra
+      tincidunt dolor, nec imperdiet felis tristique non. Nunc quis tempus est,
+      sit amet euismod arcu. Sed malesuada scelerisque metus, ut tempor metus.
+    </p>
+    <p>
+      Nam at nisi nibh. Nulla augue ex, imperdiet mattis commodo vel,
+      ullamcorper in velit. Aenean eros dolor, condimentum sed tempor et, ornare
+      in erat.
+    </p>
+  </ToggleableCard>
 </section>
 
-<style>
-	p:first-of-type {
-		margin-bottom: 1em;
-	}
+<style lang="postcss">
+  p:first-of-type {
+    margin-bottom: 1em;
+  }
 </style>
diff --git a/src/routes/components-showcase/Checkboxes.svelte b/src/routes/components-showcase/Checkboxes.svelte
index 08cdb5e1..27fd7eab 100644
--- a/src/routes/components-showcase/Checkboxes.svelte
+++ b/src/routes/components-showcase/Checkboxes.svelte
@@ -1,36 +1,29 @@
 <script>
-	import { Agreement, Checkbox } from "$lib/dusk/components";
+  import { Agreement, Checkbox } from "$lib/dusk/components";
 </script>
 
 <section>
-	<p>Checkbox – enabled – unchecked</p>
-	<Checkbox name="checkbox_one"/>
-	<p>Checkbox – enabled – checked</p>
-	<Checkbox
-		name="checkbox_two"
-		checked/>
-	<p>Checkbox – disabled – unchecked</p>
-	<Checkbox
-		name="checkbox_three"
-		disabled/>
-	<p>Checkbox – disabled – checked</p>
-	<Checkbox
-		name="checkbox_four"
-		disabled
-		checked/>
-	<p>Agreement – enabled</p>
-	<Agreement
-		checked={false}
-		name="checkbox_five"
-		label="I understand that without my seed phrase I
-			cannot access my wallet and its assets."/>
+  <p>Checkbox – enabled – unchecked</p>
+  <Checkbox name="checkbox_one" />
+  <p>Checkbox – enabled – checked</p>
+  <Checkbox name="checkbox_two" checked />
+  <p>Checkbox – disabled – unchecked</p>
+  <Checkbox name="checkbox_three" disabled />
+  <p>Checkbox – disabled – checked</p>
+  <Checkbox name="checkbox_four" disabled checked />
+  <p>Agreement – enabled</p>
+  <Agreement
+    checked={false}
+    name="checkbox_five"
+    label="I understand that without my mnemonic phrase I
+			cannot access my wallet and its assets."
+  />
 </section>
 
 <style>
-	section {
-		display: flex;
-		flex-direction: column;
-		align-items: start !important;
-	}
-
+  section {
+    display: flex;
+    flex-direction: column;
+    align-items: start !important;
+  }
 </style>
diff --git a/src/routes/components-showcase/CopyField.svelte b/src/routes/components-showcase/CopyField.svelte
new file mode 100644
index 00000000..d1de2d27
--- /dev/null
+++ b/src/routes/components-showcase/CopyField.svelte
@@ -0,0 +1,19 @@
+<script>
+  import { CopyField } from "$lib/components";
+</script>
+
+<section>
+  <CopyField
+    name="Sample Information"
+    displayValue="Loading..."
+    rawValue="Loading..."
+    disabled={true}
+  />
+
+  <CopyField
+    name="Sample Information"
+    displayValue="1,2456,345"
+    rawValue="12456345"
+    disabled={false}
+  />
+</section>
diff --git a/src/routes/components-showcase/DashboardNavs.svelte b/src/routes/components-showcase/DashboardNavs.svelte
new file mode 100644
index 00000000..89f28714
--- /dev/null
+++ b/src/routes/components-showcase/DashboardNavs.svelte
@@ -0,0 +1,41 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiPlusBoxOutline, mdiSwapHorizontal, mdiTimerSand } from "@mdi/js";
+  import { DashboardNav } from "$lib/components";
+
+  const items = [
+    {
+      href: "#",
+      icons: [{ path: mdiSwapHorizontal }],
+      id: "item-1",
+      label: "Something",
+    },
+    {
+      href: "#",
+      icons: [{ path: mdiPlusBoxOutline }],
+      id: "item-2",
+      label: "Send",
+    },
+    {
+      href: "#",
+      icons: [{ path: mdiTimerSand }],
+      id: "item-3",
+      label: "Receive",
+    },
+    {
+      href: "#",
+      icons: [
+        { path: mdiTimerSand },
+        { path: mdiSwapHorizontal },
+        { path: mdiPlusBoxOutline },
+      ],
+      id: "item-4",
+      label: "Stake",
+    },
+  ];
+</script>
+
+<section>
+  <DashboardNav {items} />
+</section>
diff --git a/src/routes/components-showcase/ExclusiveChoices.svelte b/src/routes/components-showcase/ExclusiveChoices.svelte
new file mode 100644
index 00000000..768c0e41
--- /dev/null
+++ b/src/routes/components-showcase/ExclusiveChoices.svelte
@@ -0,0 +1,25 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { ExclusiveChoice } from "$lib/dusk/components";
+
+  const options = [
+    { disabled: false, label: "Apple", value: "apple" },
+    { disabled: false, label: "Banana", value: "banana" },
+    { disabled: true, label: "Lemon", value: "lemon" },
+    {
+      disabled: false,
+      label: "A really big orange",
+      value: "a really big orange",
+    },
+    { disabled: false, label: "Pear", value: "pear" },
+  ];
+
+  let selected = "banana";
+</script>
+
+<section>
+  <ExclusiveChoice {options} bind:value={selected} />
+</section>
+
+<span>The selected value is {selected}</span>
diff --git a/src/routes/components-showcase/IconButtons.svelte b/src/routes/components-showcase/IconButtons.svelte
deleted file mode 100644
index 79c47ff6..00000000
--- a/src/routes/components-showcase/IconButtons.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-<script>
-	import { mdiHome } from "@mdi/js";
-
-	import { Button } from "$lib/dusk/components";
-</script>
-
-<section>
-	<Button icon={{ path: mdiHome }}/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		variant="secondary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		variant="secondary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		variant="tertiary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		variant="tertiary"
-	/>
-</section>
-<section>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="secondary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="secondary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="tertiary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="tertiary"
-	/>
-</section>
-<section>
-	<Button
-		icon={{ path: mdiHome }}
-		variant="quaternary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		variant="quaternary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="quaternary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		variant="quaternary"
-	/>
-</section>
-<section>
-	<Button
-		icon={{ path: mdiHome, size: "large" }}
-		variant="quaternary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome, size: "large" }}
-		variant="quaternary"
-	/>
-</section>
diff --git a/src/routes/components-showcase/LabeledButtons.svelte b/src/routes/components-showcase/LabeledButtons.svelte
deleted file mode 100644
index 9b3b3b30..00000000
--- a/src/routes/components-showcase/LabeledButtons.svelte
+++ /dev/null
@@ -1,128 +0,0 @@
-<script>
-	import { mdiHome } from "@mdi/js";
-
-	import { Button } from "$lib/dusk/components";
-</script>
-
-<section>
-	<Button
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-		variant="secondary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-		variant="secondary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-		variant="tertiary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		tabindex=""
-		text="Some text"
-		variant="tertiary"
-	/>
-</section>
-<section>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		text="Some text"
-		size="small"
-		variant="secondary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		text="Some text"
-		size="small"
-		variant="secondary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-		variant="tertiary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-		variant="tertiary"
-	/>
-</section>
-
-<section>
-	<Button
-		icon={{ path: mdiHome }}
-		text="Some text"
-		variant="quaternary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		text="Some text"
-		variant="quaternary"
-	/>
-	<Button
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-		variant="quaternary"
-	/>
-	<Button
-		disabled={true}
-		icon={{ path: mdiHome }}
-		size="small"
-		text="Some text"
-		variant="quaternary"
-	/>
-</section>
-<section>
-	<Button
-		icon={{ path: mdiHome, size: "large" }}
-		tabindex=""
-		text="Some text"
-	/>
-	<Button
-		icon={{ path: mdiHome, size: "large" }}
-		size="small"
-		text="Some text"
-	/>
-	<Button
-		icon={{ path: mdiHome, size: "large" }}
-		text="Some text"
-		variant="quaternary"
-	/>
-</section>
diff --git a/src/routes/components-showcase/MigrateContract.svelte b/src/routes/components-showcase/MigrateContract.svelte
new file mode 100644
index 00000000..1e61c056
--- /dev/null
+++ b/src/routes/components-showcase/MigrateContract.svelte
@@ -0,0 +1,9 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { MigrateContract } from "$lib/containers";
+</script>
+
+<section>
+  <MigrateContract migrationNetwork="Testnet" />
+</section>
diff --git a/src/routes/components-showcase/ProgressBars.svelte b/src/routes/components-showcase/ProgressBars.svelte
index 06f5ea6c..c4d13288 100644
--- a/src/routes/components-showcase/ProgressBars.svelte
+++ b/src/routes/components-showcase/ProgressBars.svelte
@@ -1,10 +1,10 @@
 <script>
-	import { ProgressBar } from "$lib/dusk/components";
+  import { ProgressBar } from "$lib/dusk/components";
 </script>
 
 <section>
-	<ProgressBar/>
-	<ProgressBar currentPercentage={0}/>
-	<ProgressBar currentPercentage={50}/>
-	<ProgressBar currentPercentage={100}/>
+  <ProgressBar />
+  <ProgressBar currentPercentage={0} />
+  <ProgressBar currentPercentage={50} />
+  <ProgressBar currentPercentage={100} />
 </section>
diff --git a/src/routes/components-showcase/Selects.svelte b/src/routes/components-showcase/Selects.svelte
index 7b64ec74..83c23e02 100644
--- a/src/routes/components-showcase/Selects.svelte
+++ b/src/routes/components-showcase/Selects.svelte
@@ -1,10 +1,16 @@
 <script>
-	import { Select } from "$lib/dusk/components";
+  import { Select } from "$lib/dusk/components";
 
-	const someOptions = ["apple", "banana", "lemon", "a really big orange", "pear"];
+  const someOptions = [
+    "apple",
+    "banana",
+    "lemon",
+    "a really big orange",
+    "pear",
+  ];
 </script>
 
 <section>
-	<Select options={someOptions}/>
-	<Select disabled={true} options={someOptions}/>
+  <Select options={someOptions} />
+  <Select disabled={true} options={someOptions} />
 </section>
diff --git a/src/routes/components-showcase/Steppers.svelte b/src/routes/components-showcase/Steppers.svelte
index 41580847..a7e257de 100644
--- a/src/routes/components-showcase/Steppers.svelte
+++ b/src/routes/components-showcase/Steppers.svelte
@@ -1,8 +1,157 @@
+<svelte:options immutable={true} />
+
 <script>
-	import { Stepper } from "$lib/dusk/components";
+  import { get, writable } from "svelte/store";
+  import {
+    mdiCheckDecagramOutline,
+    mdiFlaskEmpty,
+    mdiFlaskEmptyOutline,
+  } from "@mdi/js";
+
+  import { Button, Stepper } from "$lib/dusk/components";
+
+  const stepperA = writable({
+    step: 1,
+    steps: [
+      { iconPath: mdiFlaskEmptyOutline, label: "foo bar baz" },
+      { iconPath: mdiFlaskEmpty, label: "baz qux quux foo bar baz" },
+    ],
+  });
+  const stepperB = writable({
+    step: 2,
+    steps: [
+      { label: "foo" },
+      { label: "bar" },
+      { label: "baz" },
+      { label: "qux" },
+      { iconPath: mdiCheckDecagramOutline, label: "quux" },
+    ],
+  });
+  const stepperC = writable({
+    step: 3,
+    steps: [
+      { label: "foo" },
+      { label: "bar" },
+      { label: "baz" },
+      { label: "qux" },
+      { iconPath: mdiCheckDecagramOutline, label: "quux" },
+    ],
+  });
+  const stepperD = writable({
+    step: 2,
+    steps: [
+      { label: "foo" },
+      { label: "bar" },
+      { label: "baz" },
+      { label: "qux" },
+      { iconPath: mdiCheckDecagramOutline, label: "quux" },
+    ],
+  });
+
+  /** @param {MouseEvent} evt */
+  function handleStepChange(evt) {
+    const btn = /** @type {HTMLButtonElement} */ (evt.currentTarget);
+    const step = btn.matches("button:first-of-type") ? -1 : 1;
+    const steppersContainer = btn.parentElement?.parentElement;
+    const stepperStoreIdx = Array.prototype.indexOf.call(
+      steppersContainer?.parentElement?.children,
+      steppersContainer
+    );
+    const stepperStore = [stepperA, stepperB, stepperC, stepperD][
+      stepperStoreIdx
+    ];
+    const { step: stepperStep, steps: stepperSteps } = get(stepperStore);
+    const wantedStep = stepperStep + step;
+
+    let newStep;
+
+    if (wantedStep === stepperSteps.length) {
+      newStep = 0;
+    } else if (wantedStep === -1) {
+      newStep = stepperSteps.length - 1;
+    } else {
+      newStep = wantedStep;
+    }
+
+    stepperStore.set({ step: newStep, steps: stepperSteps });
+  }
+
+  $: ({ step: stepA, steps: stepsA } = $stepperA);
+  $: ({ step: stepB, steps: stepsB } = $stepperB);
+  $: ({ step: stepC, steps: stepsC } = $stepperC);
+  $: ({ step: stepD, steps: stepsD } = $stepperD);
 </script>
 
-<section>
-	<Stepper steps={2} activeStep={1}/>
-	<Stepper steps={5} activeStep={2}/>
+<section class="steppers__section">
+  <div class="steppers__container">
+    <Stepper activeStep={stepA} steps={stepsA} />
+
+    <div class="steppers__buttons">
+      <Button on:click={handleStepChange} text="Previous" size="small" />
+      <Button on:click={handleStepChange} text="Next" size="small" />
+    </div>
+  </div>
+
+  <div class="steppers__container">
+    <Stepper activeStep={stepB} steps={stepsB} showStepLabelWhenInactive />
+
+    <div class="steppers__buttons">
+      <Button on:click={handleStepChange} text="Previous" size="small" />
+      <Button on:click={handleStepChange} text="Next" size="small" />
+    </div>
+  </div>
+
+  <div class="steppers__container">
+    <Stepper activeStep={stepC} showStepNumbers={false} steps={stepsC} />
+
+    <div class="steppers__buttons">
+      <Button on:click={handleStepChange} text="Previous" size="small" />
+      <Button on:click={handleStepChange} text="Next" size="small" />
+    </div>
+  </div>
+
+  <div class="steppers__container">
+    <Stepper
+      activeStep={stepD}
+      showStepNumbers={false}
+      steps={stepsD}
+      variant="secondary"
+    />
+
+    <div class="steppers__buttons">
+      <Button on:click={handleStepChange} text="Previous" size="small" />
+      <Button on:click={handleStepChange} text="Next" size="small" />
+    </div>
+  </div>
+
+  <div class="steppers__container">
+    <Stepper activeStep={6} showStepNumbers={false} steps={8} />
+  </div>
 </section>
+
+<style lang="postcss">
+  :global {
+    .steppers__section {
+      flex-direction: column;
+      gap: var(--large-gap) !important;
+    }
+
+    .steppers__container,
+    .steppers__buttons {
+      display: flex;
+      gap: var(--default-gap);
+    }
+
+    .steppers__container {
+      width: 100%;
+      padding: 2rem;
+      background-color: var(--surface-color);
+      border-radius: var(--control-border-radius-size);
+      flex-direction: column;
+    }
+
+    .steppers__buttons {
+      justify-content: space-around;
+    }
+  }
+</style>
diff --git a/src/routes/components-showcase/Switches.svelte b/src/routes/components-showcase/Switches.svelte
index b2bffaca..3c935973 100644
--- a/src/routes/components-showcase/Switches.svelte
+++ b/src/routes/components-showcase/Switches.svelte
@@ -1,39 +1,35 @@
 <script>
-	import { Switch } from "$lib/dusk/components";
+  import { Switch } from "$lib/dusk/components";
 
-	/** @param {CustomEvent} event */
-	function handleSwitchChange (event) {
-		// eslint-disable-next-line no-console
-		console.log(`switch changed to ${event.detail}`);
-	}
+  /** @param {CustomEvent} event */
+  function handleSwitchChange(event) {
+    // eslint-disable-next-line no-console
+    console.log(`switch changed to ${event.detail}`);
+  }
 
-	let value = false;
+  let value = false;
 </script>
 
 <section>
-	<div>
-		<span>Normal switch ({value}):</span>
-		<Switch bind:value on:change={handleSwitchChange}/>
-	</div>
-	<div>
-		<span>Readonly switch:</span>
-		<Switch readOnly={true}/>
-	</div>
-	<div>
-		<span>Disabled switch:</span>
-		<Switch disabled={true}/>
-	</div>
+  <div>
+    <span>Switch ({value}):</span>
+    <Switch bind:value on:change={handleSwitchChange} />
+  </div>
+  <div>
+    <span>Disabled switch:</span>
+    <Switch disabled={true} />
+  </div>
 </section>
 
 <style lang="postcss">
-	section {
-		padding: .5em;
+  section {
+    padding: 0.5em;
 
-		& > div {
-			flex: 1;
-			display: flex;
-			flex-direction: column;
-			gap: .5em;
-		}
-	}
+    & > div {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5em;
+    }
+  }
 </style>
diff --git a/src/routes/components-showcase/Tabboxes.svelte b/src/routes/components-showcase/Tabboxes.svelte
index ad55a7d1..93a68cd6 100644
--- a/src/routes/components-showcase/Tabboxes.svelte
+++ b/src/routes/components-showcase/Tabboxes.svelte
@@ -1,57 +1,57 @@
 <script>
-	import { mdiHome } from "@mdi/js";
+  import { mdiHome } from "@mdi/js";
 
-	import { Tabs } from "$lib/dusk/components";
+  import { Tabs } from "$lib/dusk/components";
 
-	/** @param {CustomEvent} event */
-	function handleTabChange (event) {
-		// eslint-disable-next-line no-console
-		console.log(`tab changed to ${event.detail}`);
-	}
+  /** @param {CustomEvent} event */
+  function handleTabChange(event) {
+    // eslint-disable-next-line no-console
+    console.log(`tab changed to ${event.detail}`);
+  }
 
-	const tabs1 = [
-		{ id: "tab-1", label: "Tab label 1" },
-		{ id: "tab-2", label: "Tab label 2" },
-		{ id: "tab-3", label: "Tab label 3" },
-		{ id: "tab-4", label: "Tab label 4" },
-		{ id: "tab-5", label: "Tab label 5" },
-		{ id: "tab-6", label: "Tab label 6" }
-	];
-	const tabs2 = tabs1.slice(0, 4);
-	const tabs3 = tabs1.map(tab => ({ ...tab, icon: { path: mdiHome } }));
-	const tabs4 = tabs3.map(({ icon, id }) => ({ icon, id }));
+  const tabs1 = [
+    { id: "tab-1", label: "Tab label 1" },
+    { id: "tab-2", label: "Tab label 2" },
+    { id: "tab-3", label: "Tab label 3" },
+    { id: "tab-4", label: "Tab label 4" },
+    { id: "tab-5", label: "Tab label 5" },
+    { id: "tab-6", label: "Tab label 6" },
+  ];
+  const tabs2 = tabs1.slice(0, 4);
+  const tabs3 = tabs1.map((tab) => ({ ...tab, icon: { path: mdiHome } }));
+  const tabs4 = tabs3.map(({ icon, id }) => ({ icon, id }));
 
-	let selected1 = "tab-6";
-	let selected2 = "tab-2";
-	let selected3 = "tab-5";
-	let selected4 = "tab-3";
+  let selected1 = "tab-6";
+  let selected2 = "tab-2";
+  let selected3 = "tab-5";
+  let selected4 = "tab-3";
 </script>
 
 <section>
-	<Tabs
-		bind:selectedTab={selected1}
-		items={tabs1}
-		on:change={handleTabChange}
-	/>
+  <Tabs
+    bind:selectedTab={selected1}
+    items={tabs1}
+    on:change={handleTabChange}
+  />
 </section>
 <section>
-	<Tabs
-		bind:selectedTab={selected2}
-		items={tabs2}
-		on:change={handleTabChange}
-	/>
+  <Tabs
+    bind:selectedTab={selected2}
+    items={tabs2}
+    on:change={handleTabChange}
+  />
 </section>
 <section>
-	<Tabs
-		bind:selectedTab={selected3}
-		items={tabs3}
-		on:change={handleTabChange}
-	/>
+  <Tabs
+    bind:selectedTab={selected3}
+    items={tabs3}
+    on:change={handleTabChange}
+  />
 </section>
 <section>
-	<Tabs
-		bind:selectedTab={selected4}
-		items={tabs4}
-		on:change={handleTabChange}
-	/>
+  <Tabs
+    bind:selectedTab={selected4}
+    items={tabs4}
+    on:change={handleTabChange}
+  />
 </section>
diff --git a/src/routes/components-showcase/Textboxes.svelte b/src/routes/components-showcase/Textboxes.svelte
index 52f613dc..a868a675 100644
--- a/src/routes/components-showcase/Textboxes.svelte
+++ b/src/routes/components-showcase/Textboxes.svelte
@@ -1,16 +1,14 @@
 <script>
-	import { Textbox } from "$lib/dusk/components";
+  import { Textbox } from "$lib/dusk/components";
 
-	// eslint-disable-next-line max-len
-	const multilineInputValue = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent suscipit, eros quis posuere congue, magna nisi finibus diam, non porta erat libero in mauris. Maecenas hendrerit est diam, vitae ultrices urna volutpat quis.";
+  const multilineInputValue =
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent suscipit, eros quis posuere congue, magna nisi finibus diam, non porta erat libero in mauris. Maecenas hendrerit est diam, vitae ultrices urna volutpat quis.";
 </script>
 
 <section>
-	<Textbox value="Some text here"/>
-	<Textbox placeholder="placeholder text"/>
-	<Textbox disabled={true} value="Some text here"/>
-	<Textbox disabled={true} placeholder="placeholder text"/>
-	<Textbox
-		type="multiline"
-		value={multilineInputValue}/>
+  <Textbox value="Some text here" />
+  <Textbox placeholder="placeholder text" />
+  <Textbox disabled={true} value="Some text here" />
+  <Textbox disabled={true} placeholder="placeholder text" />
+  <Textbox type="multiline" value={multilineInputValue} />
 </section>
diff --git a/src/routes/components-showcase/Throbbers.svelte b/src/routes/components-showcase/Throbbers.svelte
index b8d49ed8..3ef7033d 100644
--- a/src/routes/components-showcase/Throbbers.svelte
+++ b/src/routes/components-showcase/Throbbers.svelte
@@ -1,7 +1,7 @@
 <script>
-	import { Throbber } from "$lib/dusk/components";
+  import { Throbber } from "$lib/dusk/components";
 </script>
 
 <section>
-	<Throbber/>
+  <Throbber />
 </section>
diff --git a/src/routes/components-showcase/Toasts.svelte b/src/routes/components-showcase/Toasts.svelte
index 6a54eeaa..5fb94c95 100644
--- a/src/routes/components-showcase/Toasts.svelte
+++ b/src/routes/components-showcase/Toasts.svelte
@@ -1,24 +1,29 @@
 <script>
-	import { Button, Toast } from "$lib/dusk/components";
-	import { toast } from "$lib/dusk/components/Toast/store";
-	import { mdiCopyleft } from "@mdi/js";
+  import { Button, Toast } from "$lib/dusk/components";
+  import { toast } from "$lib/dusk/components/Toast/store";
+  import { mdiAlertCircleOutline, mdiCopyleft } from "@mdi/js";
 
+  function triggerToast() {
+    toast("success", "Toast message", mdiCopyleft);
+  }
+
+  function triggerToastFailure() {
+    toast(
+      "error",
+      "This is a long message to test the wrapping of text",
+      mdiAlertCircleOutline
+    );
+  }
 </script>
 
 <section style="flex-direction:column">
-	<Button
-		text="toggle toast"
-		variant="secondary"
-		size="small"
-		on:click={() => toast("success", "Toast message", mdiCopyleft)}
-	/>
+  <Button text="toggle toast" size="small" on:click={triggerToast} />
 
-	<Button
-		text="toggle another toast"
-		variant="secondary"
-		size="small"
-		on:click={() => toast("error", "This is a long message to test the wrapping of text", mdiCopyleft)}
-	/>
+  <Button
+    text="toggle another toast"
+    size="small"
+    on:click={triggerToastFailure}
+  />
 
-	<Toast/>
+  <Toast />
 </section>
diff --git a/src/routes/components-showcase/Tooltips.svelte b/src/routes/components-showcase/Tooltips.svelte
index 4418bd6e..1459fc0f 100644
--- a/src/routes/components-showcase/Tooltips.svelte
+++ b/src/routes/components-showcase/Tooltips.svelte
@@ -1,42 +1,42 @@
 <script>
-	import { Tooltip } from "$lib/dusk/components";
+  import { Tooltip } from "$lib/dusk/components";
 </script>
 
 <section>
-	<span
-		data-tooltip-id="showcase-tooltip"
-		data-tooltip-text="Some tooltip text"
-		data-tooltip-place="right"
-		data-tooltip-type="info"
-		tabIndex="0"
-	>
-		Info tooltip
-	</span>
-	<span
-		data-tooltip-id="showcase-tooltip"
-		data-tooltip-text="Some tooltip text"
-		data-tooltip-place="bottom"
-		data-tooltip-type="warning"
-		tabIndex="0"
-	>
-		Warning tooltip
-	</span>
-	<span
-		data-tooltip-id="showcase-tooltip"
-		data-tooltip-text="Some tooltip text"
-		data-tooltip-type="error"
-		tabIndex="0"
-	>
-		Error tooltip
-	</span>
-	<span
-		data-tooltip-id="showcase-tooltip"
-		data-tooltip-text="Some tooltip text"
-		data-tooltip-place="left"
-		data-tooltip-type="success"
-		tabIndex="0"
-	>
-		Success tooltip
-	</span>
+  <span
+    data-tooltip-id="showcase-tooltip"
+    data-tooltip-text="Some tooltip text"
+    data-tooltip-place="right"
+    data-tooltip-type="info"
+    tabIndex="0"
+  >
+    Info tooltip
+  </span>
+  <span
+    data-tooltip-id="showcase-tooltip"
+    data-tooltip-text="Some tooltip text"
+    data-tooltip-place="bottom"
+    data-tooltip-type="warning"
+    tabIndex="0"
+  >
+    Warning tooltip
+  </span>
+  <span
+    data-tooltip-id="showcase-tooltip"
+    data-tooltip-text="Some tooltip text"
+    data-tooltip-type="error"
+    tabIndex="0"
+  >
+    Error tooltip
+  </span>
+  <span
+    data-tooltip-id="showcase-tooltip"
+    data-tooltip-text="Some tooltip text"
+    data-tooltip-place="left"
+    data-tooltip-type="success"
+    tabIndex="0"
+  >
+    Success tooltip
+  </span>
 </section>
-<Tooltip id="showcase-tooltip"/>
+<Tooltip id="showcase-tooltip" />
diff --git a/src/routes/components-showcase/Wizards.svelte b/src/routes/components-showcase/Wizards.svelte
index f42d660f..f063b309 100644
--- a/src/routes/components-showcase/Wizards.svelte
+++ b/src/routes/components-showcase/Wizards.svelte
@@ -1,81 +1,66 @@
 <script>
-	import { AnchorButton, Wizard, WizardStep } from "$lib/dusk/components";
-	import { mdiSendCheck } from "@mdi/js";
-	function progressStepOne () {
-		// eslint-disable-next-line no-console
-		console.log("Step 1");
-	}
+  import { AnchorButton, Wizard, WizardStep } from "$lib/dusk/components";
+  import { mdiSendCheck } from "@mdi/js";
+  function progressStepOne() {
+    // eslint-disable-next-line no-console
+    console.log("Step 1");
+  }
 </script>
 
 <section>
-	<p>Wizard with stepper and headings</p>
-	<Wizard steps={3} let:key>
-		<WizardStep
-			showStepper
-			step={0}
-			{key}
-			backButton={{
-				disabled: false,
-				isAnchor: true
-
-			}}
-			nextButton={{
-				action: progressStepOne,
-				icon: {
-					path: mdiSendCheck,
-					position: "after"
-				},
-				label: "Go Next",
-				variant: "secondary"
-			}}>
-			<h2 slot="heading">Step 1</h2>
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-		</WizardStep>
-		<WizardStep
-			showStepper
-			step={1}
-			{key}>
-			<h2 slot="heading">Step 2</h2>
-			<p>Mauris mollis felis enim, nec venenatis ante lobortis quis.</p>
-		</WizardStep>
-		<WizardStep showStepper step={2} {key}>
-			<h2 slot="heading">All Done</h2>
-			<p>Proin aliquet dolor pulvinar, blandit ante non, cursus leo.</p>
-			<AnchorButton
-				href="/"
-				slot="navigation"
-				text="Go Home"
-				variant="secondary"/>
-		</WizardStep>
-	</Wizard>
+  <p>Wizard with stepper and headings</p>
+  <Wizard steps={3} let:key>
+    <WizardStep
+      showStepper
+      step={0}
+      {key}
+      backButton={{
+        disabled: false,
+        isAnchor: true,
+      }}
+      nextButton={{
+        action: progressStepOne,
+        icon: {
+          path: mdiSendCheck,
+          position: "after",
+        },
+        label: "Go Next",
+        variant: "primary",
+      }}
+    >
+      <h2 slot="heading">Step 1</h2>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+    </WizardStep>
+    <WizardStep showStepper step={1} {key}>
+      <h2 slot="heading">Step 2</h2>
+      <p>Mauris mollis felis enim, nec venenatis ante lobortis quis.</p>
+    </WizardStep>
+    <WizardStep showStepper step={2} {key}>
+      <h2 slot="heading">All Done</h2>
+      <p>Proin aliquet dolor pulvinar, blandit ante non, cursus leo.</p>
+      <AnchorButton href="/" slot="navigation" text="Go Home" />
+    </WizardStep>
+  </Wizard>
 </section>
 
 <section>
-	<p>Wizard without a stepper and headings</p>
-	<Wizard steps={3} let:key>
-		<WizardStep
-			step={0}
-			{key}>
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-		</WizardStep>
-		<WizardStep
-			step={1}
-			{key}>
-			<p>Mauris mollis felis enim, nec venenatis ante lobortis quis.</p>
-		</WizardStep>
-		<WizardStep step={2} {key}>
-			<p>Proin aliquet dolor pulvinar, blandit ante non, cursus leo.</p>
-			<AnchorButton
-				href="/"
-				slot="navigation"
-				text="Go Home"
-				variant="secondary"/>
-		</WizardStep>
-	</Wizard>
+  <p>Wizard without a stepper and headings</p>
+  <Wizard steps={3} let:key>
+    <WizardStep step={0} {key}>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+    </WizardStep>
+    <WizardStep step={1} {key}>
+      <p>Mauris mollis felis enim, nec venenatis ante lobortis quis.</p>
+    </WizardStep>
+    <WizardStep step={2} {key}>
+      <p>Proin aliquet dolor pulvinar, blandit ante non, cursus leo.</p>
+      <AnchorButton href="/" slot="navigation" text="Go Home" />
+    </WizardStep>
+  </Wizard>
 </section>
 
 <style>
-	section {
-		width: 100%;
-	}
+  section {
+    width: 100%;
+  }
 </style>
diff --git a/src/routes/maintenance/+layout.svelte b/src/routes/maintenance/+layout.svelte
new file mode 100644
index 00000000..1793dde8
--- /dev/null
+++ b/src/routes/maintenance/+layout.svelte
@@ -0,0 +1,17 @@
+<script>
+  import { AppImage } from "$lib/components";
+  import { settingsStore } from "$lib/stores";
+
+  const { darkMode } = $settingsStore;
+</script>
+
+<header>
+  <AppImage
+    src={darkMode ? "/dusk_logo_light.svg" : "/dusk_logo.svg"}
+    alt="Dusk Logo"
+    width="129"
+    height="31"
+  />
+</header>
+
+<slot />
diff --git a/src/routes/maintenance/+page.svelte b/src/routes/maintenance/+page.svelte
new file mode 100644
index 00000000..7732edeb
--- /dev/null
+++ b/src/routes/maintenance/+page.svelte
@@ -0,0 +1,54 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiWrenchClock } from "@mdi/js";
+
+  import { AnchorButton } from "$lib/dusk/components";
+  import { IconHeadingCard } from "$lib/containers/Cards";
+</script>
+
+<section class="maintenance">
+  <h2 class="h1">
+    Unleash <mark>RWA</mark> and<br />
+    Decentralized <mark>Finance</mark>
+  </h2>
+  <div class="maintenance">
+    <IconHeadingCard
+      tag="article"
+      gap="medium"
+      heading="Wallet maintenance"
+      icons={[mdiWrenchClock]}
+    >
+      <p>
+        Dusk web-wallet is undergoing some essential maintenance and will return
+        soon. Need an alternative? Rusk wallet is our terminal wallet
+        application.
+      </p>
+    </IconHeadingCard>
+  </div>
+  <footer class="maintenance-footer">
+    <AnchorButton
+      href="https://github.com/dusk-network/rusk/blob/master/rusk-wallet/src/bin/README.md"
+      variant="tertiary"
+      text="Rusk Wallet"
+    />
+  </footer>
+</section>
+
+<style lang="postcss">
+  .maintenance,
+  .maintenance-footer {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .maintenance {
+    height: 100%;
+    overflow-y: auto;
+    gap: var(--large-gap);
+  }
+
+  .maintenance-footer {
+    gap: var(--default-gap);
+  }
+</style>
diff --git a/src/style/app-components/headings.css b/src/style/app-components/headings.css
index 821f51e7..3284e8d9 100644
--- a/src/style/app-components/headings.css
+++ b/src/style/app-components/headings.css
@@ -1,24 +1,29 @@
-h1, .h1 {
-	font-size: 1.875em;
-	font-weight: 400;
+h1,
+.h1 {
+  font-size: 1.875em;
+  font-weight: 400;
 }
 
-h2, .h2 {
-	font-size: 1.75em;
-	font-weight: 500;
+h2,
+.h2 {
+  font-size: 1.75em;
+  font-weight: 500;
 }
 
-h3, .h3 {
-	font-size: 1.3em;
-	font-weight: 500;
+h3,
+.h3 {
+  font-size: 1.3em;
+  font-weight: 500;
 }
 
-h4, .h4 {
-	font-size: 1.125em;
-	font-weight: 500;
+h4,
+.h4 {
+  font-size: 1.125em;
+  font-weight: 500;
 }
 
-h5, .h5 {
-	font-size: 1em;
-	font-weight: 400;
+h5,
+.h5 {
+  font-size: 1em;
+  font-weight: 400;
 }
diff --git a/src/style/app-components/horizontal-rules.css b/src/style/app-components/horizontal-rules.css
index 76413dab..d28ccba7 100644
--- a/src/style/app-components/horizontal-rules.css
+++ b/src/style/app-components/horizontal-rules.css
@@ -1,5 +1,9 @@
 hr {
-	border: none;
-	border-top: 1px solid var(--divider-color-primary);
-	width: 100%;
+  text-align: center;
+  overflow: visible;
+  border: none;
+  border-top: 1px solid var(--divider-color-primary);
+  width: 100%;
+  height: 1px;
+  padding: 0;
 }
diff --git a/src/style/app-components/marks.css b/src/style/app-components/marks.css
index f44abe71..472927df 100644
--- a/src/style/app-components/marks.css
+++ b/src/style/app-components/marks.css
@@ -1,4 +1,4 @@
 mark {
-	color: var(--secondary-color);
-	background-color: transparent;
+  color: var(--secondary-color);
+  background-color: transparent;
 }
diff --git a/src/style/app-components/notice.css b/src/style/app-components/notice.css
deleted file mode 100644
index 332562e6..00000000
--- a/src/style/app-components/notice.css
+++ /dev/null
@@ -1,16 +0,0 @@
-@media (min-width: 768px) {
-	.notice {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		gap: var(--default-gap);
-	}
-
-	.notice svg {
-		width: 10%;
-	}
-}
-
-.notice--error {
-	color: var(--error-color);
-}
diff --git a/src/style/dusk-components/agreement.css b/src/style/dusk-components/agreement.css
index 066a8ddc..2d706d21 100644
--- a/src/style/dusk-components/agreement.css
+++ b/src/style/dusk-components/agreement.css
@@ -1,11 +1,11 @@
 .dusk-agreement {
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	gap: 0.5em;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 0.5em;
 }
 
 .dusk-agreement__label {
-	line-height: 1.5;
-	margin-top: -.2em;
+  line-height: 1.5;
+  margin-top: -0.2em;
 }
diff --git a/src/style/dusk-components/anchor.css b/src/style/dusk-components/anchor.css
index f2a949cb..46481089 100644
--- a/src/style/dusk-components/anchor.css
+++ b/src/style/dusk-components/anchor.css
@@ -1,9 +1,30 @@
-.dusk-anchor,
-.dusk-anchor:visited {
-	color: var(--secondary-color);
+.dusk-anchor {
+  text-decoration: none;
 }
 
-.dusk-anchor:hover,
-.dusk-anchor:active {
-	color: var(--secondary-color-variant-light);
+.dusk-anchor--off-surface {
+  color: var(--anchor-color);
+}
+
+.dusk-anchor--off-surface:visited {
+  color: var(--anchor-color-visited);
+}
+
+.dusk-anchor--off-surface:hover {
+  color: var(--anchor-color-hover);
+}
+
+.dusk-anchor--off-surface:active {
+  color: var(--anchor-color-active);
+}
+
+.dusk-anchor--on-surface,
+.dusk-anchor--on-surface:visited,
+.dusk-anchor--on-surface:hover,
+.dusk-anchor--on-surface:active {
+  color: var(--anchor-color-on-surface);
+}
+
+.dusk-anchor--on-surface:not(.dusk-anchor-button):hover {
+  text-decoration: underline;
 }
diff --git a/src/style/dusk-components/badge.css b/src/style/dusk-components/badge.css
index b4ce82c0..ca38d92d 100644
--- a/src/style/dusk-components/badge.css
+++ b/src/style/dusk-components/badge.css
@@ -1,31 +1,34 @@
 .dusk-badge {
-    padding: .3em 1em;
-    border-radius: var(--control-border-radius-size);
-    line-height: 1;
-    text-transform: uppercase;
-    font-size: .875em;
-    border-style: solid;
-    border-width: 2px;
-	text-align: center;
+  padding: 0.3em 1em;
+  border-radius: var(--control-border-radius-size);
+  line-height: 0.875;
+  text-transform: uppercase;
+  font-size: 0.875em;
+  border-style: solid;
+  border-width: 0.125em;
+  text-align: center;
 }
 
 .dusk-badge--variant-neutral {
-    background-color: transparent;
-    border-color: var(--primary-color);
+  background-color: transparent;
+  border-color: var(--on-background-color);
+  color: var(--on-background-color);
 }
 
 .dusk-badge--variant-warning {
-    background-color: var(--warning-color);
-    border-color: var(--warning-color);
+  background-color: var(--warning-color);
+  border-color: var(--warning-color);
+  color: var(--on-warning-color);
 }
 
 .dusk-badge--variant-error {
-    background-color: var(--error-color);
-    color: var(--on-error-color);
-    border-color: var(--error-color);
+  background-color: var(--error-color);
+  border-color: var(--error-color);
+  color: var(--on-error-color);
 }
 
 .dusk-badge--variant-success {
-    background-color: var(--success-color);
-    border-color: var(--success-color);
+  background-color: var(--success-color);
+  border-color: var(--success-color);
+  color: var(--on-success-color);
 }
diff --git a/src/style/dusk-components/balance.css b/src/style/dusk-components/balance.css
deleted file mode 100644
index e8921bd0..00000000
--- a/src/style/dusk-components/balance.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.dusk-balance {
-	display: flex;
-	flex-direction: column;
-}
-
-.dusk-balance__header > h2 {
-	color: var(--primary-color);
-	font-size: 1.125em;
-	line-height: 150%;
-	letter-spacing: -0.01125em;
-}
-
-.dusk-balance__dusk {
-	display: flex;
-	align-items: center;
-	gap: 0.5em;
-}
-
-.dusk-balance__dusk > strong {
-	color: var(--primary-color-variant-dark);
-	font-size: 1.75em;
-	font-weight: 500;
-	line-height: 120%;
-	letter-spacing: -0.0175em;
-}
-
-.dusk-balance__fiat > strong {
-	color: var(--primary-color);
-	font-size: 1em;
-	font-weight: 400;
-	line-height: 150%;
-	letter-spacing: -0.01em;
-}
-
-.dusk-icon.dusk-balance__icon {
-	width: 1.3125em;
-	height: 1.3125em;
-	flex-shrink: 0;
-}
diff --git a/src/style/dusk-components/button.css b/src/style/dusk-components/button.css
index 8c51e346..685444ab 100644
--- a/src/style/dusk-components/button.css
+++ b/src/style/dusk-components/button.css
@@ -1,138 +1,112 @@
+/* General Styles */
 .dusk-button,
 .dusk-anchor-button,
 .dusk-anchor-button:visited {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	line-height: 1;
-	border-radius: var(--control-border-radius-size);
-	border-style: solid;
-	border-width: var(--control-border-size);
-	text-transform: uppercase;
-	transform-origin: center center;
-	transition-delay: 0s;
-	transition-duration: .2s;
-	transition-property: background-color, border-color, color, transform;
-	transition-timing-function: ease-in-out;
-}
-
-.dusk-button:not(.dusk-anchor-button) {
-	cursor: default;
-}
-
-.dusk-button:disabled,
-.dusk-anchor-button.dusk-anchor-button--disabled,
-.dusk-anchor-button.dusk-anchor-button--disabled:hover,
-.dusk-anchor-button.dusk-anchor-button--disabled:visited {
-	opacity: .5;
-}
-
-.dusk-button > span,
-.dusk-anchor-button > span {
-	flex: 1;
-	display: inline-block;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.dusk-button:enabled:active,
-.dusk-anchor-button:not(.dusk-anchor-button--disabled):active {
-	transform: scale(.98, .98);
-}
-
-.dusk-button--variant--quaternary.dusk-icon-button:not(.dusk-icon-button-labeled):enabled:hover,
-.dusk-icon-button:not(.dusk-icon-button-labeled).dusk-anchor-button--variant--quaternary:not(.dusk-anchor-button--disabled):hover {
-	transform: scale(1.2, 1.2);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+  letter-spacing: inherit;
+  line-height: 1;
+  border-radius: var(--control-border-radius-size);
+  border-style: solid;
+  border-width: var(--control-border-size);
+  text-transform: uppercase;
+  transform-origin: center center;
+  transition-delay: 0s;
+  transition-duration: 0.2s;
+  transition-property: background-color, border-color, color, scale;
+  transition-timing-function: ease-in-out;
+}
+
+/* Variants */
+.dusk-button,
+.dusk-anchor-button,
+.dusk-anchor-button:visited {
+  background-color: var(--control-bg-color);
+  border-color: var(--control-border-color);
+  color: var(--control-text-color);
 }
 
-/* added the :hover:active case otherwise the rule above takes precedence */
-.dusk-icon-button:not(.dusk-icon-button-labeled):enabled:hover:active,
-.dusk-icon-button:not(.dusk-icon-button-labeled):enabled:active,
-.dusk-icon-button:not(.dusk-icon-button-labeled).dusk-anchor-button:not(.dusk-anchor-button--disabled):active,
-.dusk-button--type--toggle.dusk-button--type--toggle--active {
-	transform: scale(.9, .9);
+.dusk-button--variant--secondary,
+.dusk-anchor-button--variant--secondary,
+.dusk-anchor-button--variant--secondary:visited {
+  background-color: var(--control-secondary-bg-color);
+  border-color: var(--control-secondary-border-color);
+  color: var(--control-secondary-text-color);
 }
 
-.dusk-button--size--normal,
-.dusk-anchor-button--size--normal,
-.dusk-anchor-button--size--normal:visited {
-	font-size: var(--control-font-size);
-	gap: calc(var(--control-font-size) / 2);
-	padding: var(--control-padding);
+.dusk-button--variant--tertiary,
+.dusk-anchor-button--variant--tertiary,
+.dusk-anchor-button--variant--tertiary:visited {
+  background-color: var(--control-tertiary-bg-color);
+  border-color: var(--control-tertiary-border-color);
+  color: var(--control-tertiary-text-color);
 }
 
+/* Sizes */
 .dusk-button--size--small,
 .dusk-anchor-button--size--small,
 .dusk-anchor-button--size--small:visited {
-	font-size: var(--control-small-font-size);
-	gap: calc(var(--control-small-font-size) / 2);
-	padding: var(--control-small-padding);
+  font-size: var(--control-font-size);
+  gap: calc(var(--control-font-size) / 2);
+  padding: var(--control-small-padding);
 }
 
-.dusk-button--variant--primary,
-.dusk-anchor-button--variant--primary,
-.dusk-anchor-button--variant--primary:visited {
-	background-color: var(--control-bg-color);
-	border-color: var(--control-border-color);
-	color: var(--control-text-color);
+.dusk-button--size--default,
+.dusk-anchor-button--size--default,
+.dusk-anchor-button--size--default:visited {
+  font-size: var(--control-font-size);
+  gap: calc(var(--control-font-size) / 2);
+  padding: var(--control-padding);
 }
 
-.dusk-button--variant--primary:enabled:hover,
-.dusk-anchor-button--variant--primary:not(.dusk-anchor-button--disabled):active,
-.dusk-anchor-button--variant--primary:not(.dusk-anchor-button--disabled):hover {
-	background-color: var(--control-bg-color-hover);
-	border-color: var(--control-border-color-hover);
-	color: var(--control-text-color-hover);
+/* States */
+.dusk-button:disabled,
+.dusk-anchor-button.dusk-anchor-button--disabled,
+.dusk-anchor-button.dusk-anchor-button--disabled:hover,
+.dusk-anchor-button.dusk-anchor-button--disabled:visited {
+  opacity: 0.5;
 }
 
-.dusk-button--variant--secondary,
-.dusk-anchor-button--variant--secondary,
-.dusk-anchor-button--variant--secondary:visited {
-	background-color: var(--control-secondary-bg-color);
-	border-color: var(--control-secondary-border-color);
-	color: var(--control-secondary-text-color);
+.dusk-button > span,
+.dusk-anchor-button > span {
+  flex: 1;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.dusk-button--variant--secondary:enabled:hover,
-.dusk-anchor-button--variant--secondary:not(.dusk-anchor-button--disabled):active,
-.dusk-anchor-button--variant--secondary:not(.dusk-anchor-button--disabled):hover {
-	background-color: var(--control-secondary-bg-color-hover);
-	border-color: var(--control-secondary-border-color-hover);
-	color: var(--control-secondary-text-color-hover);
+/* Icon Buttons */
+.dusk-icon-button:not(.dusk-icon-button--labeled) {
+  border-radius: 50%;
+  padding: 0.2em;
 }
 
-.dusk-button--variant--tertiary,
-.dusk-anchor-button--variant--tertiary,
-.dusk-anchor-button--variant--tertiary:visited {
-	background-color: var(--control-tertiary-bg-color);
-	border-color: var(--control-tertiary-border-color);
-	color: var(--control-tertiary-text-color);
+.dusk-button:enabled:hover,
+.dusk-button:enabled:active,
+.dusk-anchor-button:hover,
+.dusk-anchor-button:active,
+.dusk-button--active {
+  background-color: var(--control-bg-color-hover);
+  color: var(--control-text-color-hover);
+  border-color: var(--control-secondary-border-color-hover);
 }
 
-.dusk-button--variant--tertiary:enabled:hover,
-.dusk-anchor-button--variant--tertiary:not(.dusk-anchor-button--disabled):active,
-.dusk-anchor-button--variant--tertiary:not(.dusk-anchor-button--disabled):hover {
-	background-color: var(--control-tertiary-bg-color-hover);
-	border-color: var(--control-tertiary-border-color-hover);
-	color: var(--control-tertiary-text-color-hover);
+.dusk-button:enabled:active,
+.dusk-anchor-button:active,
+.dusk-button--active {
+  scale: 0.98;
 }
 
-.dusk-button--variant--quaternary,
-.dusk-anchor-button.dusk-anchor-button--variant--quaternary {
-	background-color: transparent;
-	border-color: transparent;
-	color: var(--control-text-color);
-	text-transform: none;
-	font-weight: 700;
-	text-align: left;
-	padding: 0 .3em;
-	line-height: 1.5;
+.dusk-anchor.dusk-icon-button:hover,
+.dusk-icon-button:not(:disabled):hover {
+  scale: 1.1;
 }
 
-.dusk-button--variant--quaternary:enabled:hover,
-.dusk-anchor-button--variant--quaternary:not(.dusk-anchor-button--disabled):hover,
-.dusk-anchor-button--variant--quaternary:not(.dusk-anchor-button--disabled):active  {
-	background-color: inherit;
-	color: var(--secondary-color);
+.dusk-icon-button:enabled:active,
+.dusk-anchor-button.dusk-icon-button:active,
+.dusk-button--active {
+  scale: 0.9;
 }
diff --git a/src/style/dusk-components/card.css b/src/style/dusk-components/card.css
index 7bfa2a62..b33eaeb9 100644
--- a/src/style/dusk-components/card.css
+++ b/src/style/dusk-components/card.css
@@ -1,30 +1,36 @@
 .dusk-card {
-	background-color: var(--surface-color);
-	border-radius: var(--control-border-radius-size);
-	padding: 1.3em 2em;
+  background-color: var(--surface-color);
+  border-radius: var(--control-border-radius-size);
+  padding: 0.5rem 0;
 }
 
-.dusk-card__icon {
-	margin-right: .4em;
-	font-size: 1.1em;
+.dusk-card__header-container,
+.dusk-card__footer-container {
+  padding: 0.5rem 1.375rem;
 }
 
-.dusk-card__header {
-	display: flex;
-	margin-bottom: 1.25em;
-	align-items: center;
+.dusk-card__body-container {
+  display: flex;
+  flex-direction: column;
+  padding: 1rem 1.375rem;
 }
 
-.dusk-card__header--toggle-off {
-	margin-bottom: 0;
+.dusk-card--on-surface {
+  background-color: var(--on-primary-color);
 }
 
-.dusk-card .dusk-switch {
-	margin-left: auto;
+.dusk-card--gap-small > .dusk-card__body-container {
+  gap: 0.5em;
 }
 
-.dusk-card pre {
-	overflow-x: auto;
-	tab-width: 4;
-	padding: 1em 0;
+.dusk-card--gap-default > .dusk-card__body-container {
+  gap: 0.625em;
+}
+
+.dusk-card--gap-medium > .dusk-card__body-container {
+  gap: 1.25em;
+}
+
+.dusk-card--gap-large > .dusk-card__body-container {
+  gap: 1.875em;
 }
diff --git a/src/style/dusk-components/checkbox.css b/src/style/dusk-components/checkbox.css
index e7c6f5f1..e7daf5a5 100644
--- a/src/style/dusk-components/checkbox.css
+++ b/src/style/dusk-components/checkbox.css
@@ -1,22 +1,24 @@
 .dusk-checkbox {
-	display: inline-block;
-	appearance: none;
-	background-color: transparent;
-	border-style: solid;
-	border-color: var(--checkbox-control-border-color);
-	border-radius: var(--checkbox-control-border-radius);
-	border-width: var(--checkbox-control-border-width);
-	width: var(--checkbox-control-size);
-	height: var(--checkbox-control-size);
-	flex-shrink: 0;
+  display: inline-block;
+  appearance: none;
+  background-color: transparent;
+  border-style: solid;
+  border-color: var(--checkbox-control-border-color);
+  border-radius: var(--checkbox-control-border-radius);
+  border-width: var(--checkbox-control-border-width);
+  width: var(--checkbox-control-size);
+  height: var(--checkbox-control-size);
+  flex-shrink: 0;
+  transition: background-color 0.2s ease-in-out 0s;
 }
 
 .dusk-checkbox:checked {
-	background-color: var(--checkbox-control-checked-bg-color);
+  background-color: var(--checkbox-control-checked-bg-color);
 }
 
-.dusk-checkbox:disabled, .dusk-checkbox:checked:disabled {
-	opacity: .5;
-	/* workaround for Safari */
-	pointer-events: none;
+.dusk-checkbox:disabled,
+.dusk-checkbox:checked:disabled {
+  opacity: 0.5;
+  /* workaround for Safari */
+  pointer-events: none;
 }
diff --git a/src/style/dusk-components/error-alert.css b/src/style/dusk-components/error-alert.css
new file mode 100644
index 00000000..2f151a7b
--- /dev/null
+++ b/src/style/dusk-components/error-alert.css
@@ -0,0 +1,14 @@
+.dusk-error-alert {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--default-gap);
+
+  &.dusk-error-large-gap {
+    gap: var(--large-gap);
+  }
+
+  &.dusk-error-small-gap {
+    gap: var(--small-gap);
+  }
+}
diff --git a/src/style/dusk-components/error-details.css b/src/style/dusk-components/error-details.css
index 70339947..31c68a7a 100644
--- a/src/style/dusk-components/error-details.css
+++ b/src/style/dusk-components/error-details.css
@@ -1,20 +1,20 @@
 .dusk-error-details__summary {
-	outline: none;
-	cursor: default;
+  outline: none;
+  cursor: default;
 
-	&::marker {
-		font-size: 1.2em;
-		transition: color 0.2s ease-in-out 0s;
-	}
+  &::marker {
+    font-size: 1.2em;
+    transition: color 0.2s ease-in-out 0s;
+  }
 
-	&:hover::marker{
-		color: var(--secondary-color);
-	}
+  &:hover::marker {
+    color: var(--secondary-color);
+  }
 }
 
 .dusk-error-details__error {
-	margin-top: var(--default-gap);
-	font-size: .875em;
-	white-space: pre-line;
-	word-break: keep-all;
+  margin-top: var(--default-gap);
+  font-size: 0.875em;
+  white-space: pre-line;
+  word-break: break-word;
 }
diff --git a/src/style/dusk-components/exclusive-choice.css b/src/style/dusk-components/exclusive-choice.css
new file mode 100644
index 00000000..afcbfe12
--- /dev/null
+++ b/src/style/dusk-components/exclusive-choice.css
@@ -0,0 +1,37 @@
+.dusk-exclusive-choice {
+  border-radius: var(--control-border-radius-size);
+  border-color: var(--control-tertiary-border-color);
+  border-style: solid;
+  border-width: var(--control-border-size);
+  overflow: hidden;
+}
+
+.dusk-exclusive-choice__label {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: inherit;
+  letter-spacing: inherit;
+  line-height: 1;
+  text-align: center;
+  text-transform: uppercase;
+  background-color: var(--control-tertiary-bg-color);
+  color: var(--control-tertiary-text-color);
+  padding: var(--control-small-padding);
+}
+
+.dusk-exclusive-choice__radio:checked + .dusk-exclusive-choice__label {
+  background-color: var(--control-bg-color);
+  color: var(--control-text-color);
+}
+
+.dusk-exclusive-choice__radio:enabled:not(:checked)
+  + .dusk-exclusive-choice__label:hover {
+  background-color: var(--control-tertiary-bg-color-hover);
+  color: var(--control-text-color-hover);
+}
+
+.dusk-exclusive-choice__radio:disabled + .dusk-exclusive-choice__label {
+  opacity: 0.5;
+}
diff --git a/src/style/dusk-components/icon.css b/src/style/dusk-components/icon.css
index 8a2b5671..5da90271 100644
--- a/src/style/dusk-components/icon.css
+++ b/src/style/dusk-components/icon.css
@@ -1,32 +1,19 @@
 .dusk-icon {
-	--icon-size: 1.2em;
-	--scaler: 1.5;
+  --icon-size: 1.2em;
+  --scaler: 1.5;
 }
 
-.dusk-icon--size--normal {
-	height: var(--icon-size);
-	width: var(--icon-size);
+.dusk-icon--size--default {
+  height: var(--icon-size);
+  width: var(--icon-size);
 }
 
 .dusk-icon--size--large {
-	height: calc(var(--icon-size) * var(--scaler));
-	width: calc(var(--icon-size) * var(--scaler));
+  height: calc(var(--icon-size) * var(--scaler));
+  width: calc(var(--icon-size) * var(--scaler));
 }
 
 .dusk-icon--size--small {
-	height: calc(var(--icon-size) / var(--scaler));
-	width: calc(var(--icon-size) / var(--scaler));
+  height: calc(var(--icon-size) / var(--scaler));
+  width: calc(var(--icon-size) / var(--scaler));
 }
-
-.dusk-icon--circular {
-	display: flex;
-	border-radius: 50%;
-	justify-content: center;
-	align-items: center;
-	aspect-ratio: 1/1;
-}
-
-.dusk-icon--circular svg {
-	max-width: 70%;
-	height: 70%;
-}
\ No newline at end of file
diff --git a/src/style/dusk-components/mnemonic.css b/src/style/dusk-components/mnemonic.css
index ea790b86..65d62302 100644
--- a/src/style/dusk-components/mnemonic.css
+++ b/src/style/dusk-components/mnemonic.css
@@ -1,48 +1,57 @@
 .dusk-mnemonic__validate-actions-wrapper {
-	display: grid;
-	gap: var(--default-gap);
-	grid-template-columns: var(--mobile-grid-template-columns);
-	margin-top: 1em;
+  display: grid;
+  gap: var(--default-gap);
+  grid-template-columns: var(--mobile-grid-template-columns);
+  margin-top: 1em;
 }
 
-.dusk-mnemonic__authenticate-paste-wrapper,
+.dusk-mnemonic__actions-wrapper,
 .dusk-mnemonic__authenticate-actions-wrapper {
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
-.dusk-mnemonic__authenticate-paste-wrapper {
-	margin-bottom: 1em;
+.dusk-mnemonic__actions-wrapper {
+  margin-bottom: 1em;
+  gap: var(--default-gap);
+}
+
+.dusk-mnemonic__actions-wrapper button {
+  flex: 1;
 }
 
 .dusk-mnemonic__authenticate-actions-wrapper {
-	margin-top: 1em;
+  margin-top: 1em;
+  gap: var(--default-gap);
 }
 
 .dusk-mnemonic__suggestions-wrapper {
-	display: grid;
-	grid-auto-flow: row;
-	grid-auto-columns: 1fr;
-	gap: var(--small-gap);
-	margin-top: 1em;
+  display: grid;
+  grid-auto-flow: row;
+  grid-auto-columns: 1fr;
+  gap: var(--default-gap);
 }
 
 @media (min-width: 600px) {
-	.dusk-mnemonic__validate-actions-wrapper {
-		grid-template-columns: var(--tablet-grid-template-columns);
-	}
+  .dusk-mnemonic__validate-actions-wrapper {
+    grid-template-columns: var(--tablet-grid-template-columns);
+  }
+
+  .dusk-mnemonic__suggestions-wrapper {
+    grid-auto-flow: column;
+  }
 
-	.dusk-mnemonic__suggestions-wrapper {
-		grid-auto-flow: column;
-	}
+  .dusk-mnemonic__actions-wrapper {
+    flex-direction: row;
+  }
 }
 
 @media (min-width: 800px) {
-	.dusk-mnemonic__validate-actions-wrapper {
-		grid-template-columns: var(--desktop-grid-template-columns);
-	}
+  .dusk-mnemonic__validate-actions-wrapper {
+    grid-template-columns: var(--desktop-grid-template-columns);
+  }
 
-	.dusk-mnemonic__suggestions-wrapper {
-		grid-auto-flow: column;
-	}
+  .dusk-mnemonic__suggestions-wrapper {
+    grid-auto-flow: column;
+  }
 }
diff --git a/src/style/dusk-components/progress-bar.css b/src/style/dusk-components/progress-bar.css
index d027d12b..7e7e4450 100644
--- a/src/style/dusk-components/progress-bar.css
+++ b/src/style/dusk-components/progress-bar.css
@@ -1,27 +1,27 @@
 .dusk-progress-bar {
-	width: 100%;
-	height: var(--progress-bar-height);
-	background-color: var(--progress-bg-color);
-	border-radius: var(--control-border-radius-size);
-	overflow-x: hidden;
+  width: 100%;
+  height: var(--progress-bar-height);
+  background-color: var(--progress-bg-color);
+  border-radius: var(--control-border-radius-size);
+  overflow-x: hidden;
 }
 
 .dusk-progress-bar__filler {
-	height: 100%;
-	background-color: var(--progress-filler-color);
-	position: relative;
+  height: 100%;
+  background-color: var(--progress-filler-color);
+  position: relative;
 }
 
 .dusk-progress-bar__filler--undetermined {
-	width: 20%;
-	animation: progressBarAnimation 2s infinite;
+  width: 20%;
+  animation: progressBarAnimation 2s infinite;
 }
 
 @keyframes progressBarAnimation {
-	0% {
-		left: -20%;
-	}
-	100% {
-		left: 100%;
-	}
+  0% {
+    left: -20%;
+  }
+  100% {
+    left: 100%;
+  }
 }
diff --git a/src/style/dusk-components/select.css b/src/style/dusk-components/select.css
index 25799cfb..09331cf1 100644
--- a/src/style/dusk-components/select.css
+++ b/src/style/dusk-components/select.css
@@ -1,32 +1,46 @@
 .dusk-select {
-	display: inline-block;
-	appearance: none;
-	font-size: var(--control-font-size);
-	padding: var(--control-padding);
-	padding-right: 2.25em;
-	background-color: var(--control-bg-color);
-	border-color: var(--control-border-color);
-	border-radius: var(--control-border-radius-size);
-	border-style: solid;
-	border-width: var(--control-border-size);
-	background-position: calc(100% - 1.4em) 50%, calc(100% - 1em) 50%;
-	background-size: .4em .4em, .4em .4em;
-	background-repeat: no-repeat;
-	background-image:
-		linear-gradient(45deg, transparent 50%, var(--control-text-color) 50%),
-		linear-gradient(135deg, var(--control-text-color) 50%, transparent 50%);
+  display: inline-block;
+  appearance: none;
+  font-family: inherit;
+  font-size: var(--control-font-size);
+  letter-spacing: inherit;
+  padding: var(--control-padding);
+  padding-right: 2.25em;
+  background-color: var(--non-button-control-bg-color);
+  border-color: var(--control-border-color);
+  border-radius: var(--control-border-radius-size);
+  border-style: solid;
+  border-width: var(--control-border-size);
+  background-position:
+    calc(100% - 1.4em) 50%,
+    calc(100% - 1em) 50%;
+  background-size:
+    0.4em 0.4em,
+    0.4em 0.4em;
+  background-repeat: no-repeat;
+  background-image:
+    linear-gradient(
+      45deg,
+      transparent 50%,
+      var(--non-button-control-text-color) 50%
+    ),
+    linear-gradient(
+      135deg,
+      var(--non-button-control-text-color) 50%,
+      transparent 50%
+    );
 }
 
 .dusk-select,
 .dusk-select option {
-	color: var(--control-text-color);
+  color: var(--non-button-control-text-color);
 }
 
 .dusk-select:disabled {
-	opacity: .5;
+  opacity: 0.5;
 }
 
 /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
 .dusk-select::ms-expand {
-	display: none;
+  display: none;
 }
diff --git a/src/style/dusk-components/stepper.css b/src/style/dusk-components/stepper.css
index ad4537de..6108de9d 100644
--- a/src/style/dusk-components/stepper.css
+++ b/src/style/dusk-components/stepper.css
@@ -1,38 +1,80 @@
 .dusk-stepper {
-	position: relative;
-	width: 100%;
+  --step-size: 1.5em;
+
+  position: relative;
+  width: 100%;
+  display: grid;
+  row-gap: var(--default-gap);
+  grid-template-columns: repeat(var(--columns), 1fr);
+  justify-content: space-between;
 }
 
-.dusk-stepper__progress-bar {
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
-	width: 100%;
-	height: var(--progress-bar-height);
-	background-color: var(--progress-bg-color);
-	border-radius: var(--control-border-radius-size);
-	overflow: hidden;
+.dusk-stepper::before,
+.dusk-stepper::after {
+  --left-offset: calc(50% / var(--columns));
+
+  content: "";
+  display: block;
+  position: absolute;
+  top: calc(var(--step-size) / 2);
+  left: var(--left-offset);
+  transform: translateY(-50%);
+  height: var(--stepper-bar-height);
+  border-radius: var(--control-border-radius-size);
 }
 
-.dusk-stepper__progress-filler {
-	height: 100%;
-	background-color: var(--progress-filler-color);
+.dusk-stepper::before {
+  width: calc(100% - var(--left-offset) * 2);
+  background-color: var(--stepper-rail-color);
 }
 
-.dusk-stepper__steps {
-	display: flex;
-	justify-content: space-between;
-	width: 100%;
+.dusk-stepper--variant--secondary::before {
+  background-color: var(--stepper-rail-color-variant-secondary);
+}
+
+.dusk-stepper::after {
+  width: var(--progress-width);
+  background-color: var(--stepper-filler-color);
 }
 
 .dusk-stepper__step {
-	width: 0.625em;
-	height: 0.625em;
-	background-color: var(--progress-bg-color);
-	border-radius: 50%;
-	z-index: 1;
+  grid-row: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--step-size);
+  height: var(--step-size);
+  font-family: var(--mono-font-family);
+  line-height: 1;
+  background-color: var(--stepper-rail-color);
+  color: var(--stepper-on-rail-color);
+  border-radius: 50%;
+  z-index: 1;
+  margin: 0 auto;
+}
+
+.dusk-stepper--variant--secondary
+  .dusk-stepper__step:not(.dusk-stepper__step--processed) {
+  background-color: var(--stepper-rail-color-variant-secondary);
+  color: var(--stepper-on-rail-variant-secondary-color);
 }
 
 .dusk-stepper__step--processed {
-	background-color: var(--progress-filler-color);
+  background-color: var(--stepper-filler-color);
+  color: var(--stepper-on-filler-color);
+}
+
+.dusk-stepper__step-label--invisible {
+  visibility: hidden;
+}
+
+.dusk-stepper__step-label {
+  grid-row: 2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: var(--mono-font-family);
+  font-size: 0.5em;
+  text-transform: uppercase;
+  text-align: center;
 }
diff --git a/src/style/dusk-components/suspense.css b/src/style/dusk-components/suspense.css
new file mode 100644
index 00000000..c172b86c
--- /dev/null
+++ b/src/style/dusk-components/suspense.css
@@ -0,0 +1,19 @@
+.dusk-suspense {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--default-gap);
+
+  &.dusk-suspense--large-gap {
+    gap: var(--large-gap);
+  }
+
+  &.dusk-suspense--medium-gap {
+    gap: var(--medium-gap);
+  }
+
+  &.dusk-suspense--small-gap {
+    gap: var(--small-gap);
+  }
+}
diff --git a/src/style/dusk-components/switch.css b/src/style/dusk-components/switch.css
index b3b8922d..08ad64e2 100644
--- a/src/style/dusk-components/switch.css
+++ b/src/style/dusk-components/switch.css
@@ -1,51 +1,51 @@
 .dusk-switch {
-	--hover-scale: 1.1;
+  --hover-scale: 1.1;
 
-	box-sizing: content-box;
-	background-color: var(--surface-color);
-	border-color: var(--control-border-color);
-	border-radius: var(--control-border-radius-size);
-	border-style: solid;
-	border-width: var(--control-border-size);
-	width: 3em;
-	height: 1.5em;
-	padding: .25em;
+  box-sizing: content-box;
+  background-color: var(--surface-color);
+  border-color: var(--control-border-color);
+  border-radius: var(--control-border-radius-size);
+  border-style: solid;
+  border-width: var(--control-border-size);
+  width: 3em;
+  height: 1.5em;
+  padding: 0.25em;
 }
 
 .dusk-switch--on-surface {
-	background-color: var(--on-primary-color);
+  background-color: var(--on-primary-color);
 }
 
 .dusk-switch::after {
-	content: "";
-	display: inline-block;
-	transition: transform .3s ease-in-out 0s;
-	width: 1.5em;
-	height: 1.5em;
-	border-radius: var(--control-border-radius-size);
+  content: "";
+  display: inline-block;
+  transition: transform 0.3s ease-in-out 0s;
+  width: 1.5em;
+  height: 1.5em;
+  border-radius: var(--control-border-radius-size);
 }
 
 .dusk-switch[aria-checked="false"][aria-disabled="false"]:hover::after {
-	transform: scale(var(--hover-scale));
+  transform: scale(var(--hover-scale));
 }
 
 .dusk-switch[aria-checked="true"]::after {
-	background-color: var(--secondary-color);
-	transform: translateX(100%);
+  background-color: var(--secondary-color);
+  transform: translateX(100%);
 }
 
 .dusk-switch[aria-checked="true"][aria-disabled="false"]:hover::after {
-	transform: translateX(100%) scale(var(--hover-scale));
+  transform: translateX(100%) scale(var(--hover-scale));
 }
 
 .dusk-switch[aria-checked="false"]::after {
-	background-color: var(--primary-color);
+  background-color: var(--primary-color);
 }
 
 .dusk-switch[aria-disabled="true"] {
-	opacity: .5;
+  opacity: 0.5;
 }
 
 .dusk-switch[aria-disabled="true"] {
-	cursor: not-allowed;
+  cursor: not-allowed;
 }
diff --git a/src/style/dusk-components/tabs.css b/src/style/dusk-components/tabs.css
index 2ea2a754..bae5769c 100644
--- a/src/style/dusk-components/tabs.css
+++ b/src/style/dusk-components/tabs.css
@@ -1,56 +1,57 @@
 .dusk-tabs {
-	color: var(--on-surface-color);
+  color: var(--on-surface-color);
 }
 
 .dusk-button.dusk-icon-button.dusk-tab-scroll-button {
-	padding: 0;
-	border: 0;
+  padding: 0;
+  border: 0;
 }
 
 .dusk-button.dusk-icon-button.dusk-tab-scroll-button:enabled:focus {
-	box-shadow: none;
+  box-shadow: none;
 }
 
 .dusk-button.dusk-icon-button.dusk-tab-scroll-button > .dusk-icon {
-	width: var(--control-icon-size);
-	height: var(--control-icon-size);
+  width: var(--control-icon-size);
+  height: var(--control-icon-size);
 }
 
 .dusk-tab-item {
-	border-radius: var(--control-border-radius-size) var(--control-border-radius-size) 0 0;
-	font-size: 1.125em;
-	padding: var(--control-padding);
-	gap: .62em;
+  border-radius: var(--control-border-radius-size)
+    var(--control-border-radius-size) 0 0;
+  font-size: 1.125em;
+  padding: var(--control-padding);
+  gap: 0.62em;
 }
 
 .dusk-tab-item,
 .dusk-tab-item > * {
-	transition-delay: 0s;
-	transition-duration: .4s;
-	transition-property: background-color, border-color, color, transform;
-	transition-timing-function: ease-in-out;
+  transition-delay: 0s;
+  transition-duration: 0.4s;
+  transition-property: background-color, border-color, color, transform;
+  transition-timing-function: ease-in-out;
 }
 
 .dusk-tab-item:focus-visible {
-	color: var(--secondary-color);
-	outline: 0 none;
+  color: var(--secondary-color);
+  outline: 0 none;
 }
 
 .dusk-tab-item:hover:not(.dusk-tab-item__selected),
 .dusk-tab-item:focus-visible > * {
-	transform: translateY(-0.3em);
+  transform: translateY(-0.3em);
 }
 
 .dusk-tab-item__selected {
-	background-color: var(--surface-color);
-	color: var(--secondary-color);
+  background-color: var(--surface-color);
+  color: var(--secondary-color);
 }
 
 .dusk-tab-item__selected > .dusk-tab-label {
-	color: var(--primary-color);
+  color: var(--primary-color);
 }
 
 .dusk-tab-item > .dusk-icon {
-	width: var(--control-icon-size);
-	height: var(--control-icon-size);
+  width: var(--control-icon-size);
+  height: var(--control-icon-size);
 }
diff --git a/src/style/dusk-components/textbox.css b/src/style/dusk-components/textbox.css
index afabf71a..f627923e 100644
--- a/src/style/dusk-components/textbox.css
+++ b/src/style/dusk-components/textbox.css
@@ -1,22 +1,30 @@
 .dusk-textbox {
-  	font-size: var(--control-font-size);
-	padding: var(--control-padding);
-	background-color: var(--control-bg-color);
-	border-color: var(--control-border-color);
-	border-radius: var(--control-border-radius-size);
-	border-style: solid;
-	border-width: var(--control-border-size);
+  font-family: inherit;
+  font-size: var(--control-font-size);
+  letter-spacing: inherit;
+  padding: var(--control-small-padding);
+  background-color: var(--non-button-control-bg-color);
+  border-color: var(--control-border-color);
+  border-radius: var(--control-border-radius-size);
+  border-style: solid;
+  border-width: var(--control-border-size);
+  color: var(--non-button-control-text-color);
+  min-height: 44px;
 }
 
 .dusk-textbox:disabled,
 .dusk-textbox::placeholder {
-	opacity: .5;
+  opacity: 0.5;
+}
+
+.dusk-textbox:not(:focus):invalid {
+  color: var(--error-color);
 }
 
 .dusk-textbox:read-only {
-	outline: 0 none;
+  outline: 0 none;
 }
 
 .dusk-textbox.dusk-textbox-multiline {
-	line-height: 1.3;
+  line-height: 1.3;
 }
diff --git a/src/style/dusk-components/toast.css b/src/style/dusk-components/toast.css
index 8a38d927..13dc6575 100644
--- a/src/style/dusk-components/toast.css
+++ b/src/style/dusk-components/toast.css
@@ -1,49 +1,49 @@
 .dusk-toast {
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    right: 20px;
-    bottom: 100px;
-    z-index:5;
-    row-gap: 0.625em;
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  right: 20px;
+  bottom: 100px;
+  z-index: 5;
+  row-gap: 0.625em;
 }
 
 .dusk-toast__item {
-    display: flex;
-    column-gap: 0.625em;
-    padding: 0.625em;
-    border-radius: 1em;
-    background-color: var(--background-color-alt);
-    min-width: 200px;
-    max-width: 250px;
+  display: flex;
+  column-gap: 0.625em;
+  padding: 0.625em;
+  border-radius: 1em;
+  background-color: var(--background-color-alt);
+  min-width: 200px;
+  max-width: 250px;
 }
 
 .dusk-toast__item-icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.625em;
-    height: 1.625em;
-    border-radius: 100%;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.625em;
+  height: 1.625em;
+  border-radius: 100%;
+  flex-shrink: 0;
 }
 
 .dusk-toast__item-icon-wrapper--info {
-    background-color: var(--info-color);
+  background-color: var(--info-color);
 }
 
 .dusk-toast__item-icon-wrapper--success {
-    background-color: var(--success-color);
+  background-color: var(--success-color);
 }
 
 .dusk-toast__item-icon-wrapper--warning {
-    background-color: var(--warning-color);
+  background-color: var(--warning-color);
 }
 
 .dusk-toast__item-icon-wrapper--error {
-    background-color: var(--error-color);
+  background-color: var(--error-color);
 }
 
 .dusk-toast__item-icon-wrapper--error .dusk-toast__item-icon {
-   color: #fff;
-}
\ No newline at end of file
+  color: #fff;
+}
diff --git a/src/style/dusk-components/tooltip.css b/src/style/dusk-components/tooltip.css
index 89f77198..5a53ecc2 100644
--- a/src/style/dusk-components/tooltip.css
+++ b/src/style/dusk-components/tooltip.css
@@ -1,80 +1,84 @@
 .dusk-tooltip {
-	--tip-size: .625em;
-	--half-tip-size: calc(var(--tip-size) / 2);
-	--tip-main-axis-offset:  -.0625em;
+  --tip-size: 0.625em;
+  --half-tip-size: calc(var(--tip-size) / 2);
+  --tip-main-axis-offset: -0.0625em;
 
-	border-radius: var(--control-border-radius-size);
-	line-height: 1.5;
-	padding: var(--control-padding);
-	transition: opacity .2s ease-in-out 0s;
-	opacity: 1;
+  border-radius: var(--control-border-radius-size);
+  line-height: 1.5;
+  padding: var(--control-padding);
+  transition: opacity 0.2s ease-in-out 0s;
+  opacity: 1;
 }
 
 .dusk-tooltip[aria-hidden="true"] {
-	opacity: 0;
+  opacity: 0;
 }
 
 .dusk-tooltip.dusk-tooltip-error {
-	background-color: var(--error-color);
+  background-color: var(--error-color);
+  color: var(--on-error-color);
 }
 
 .dusk-tooltip.dusk-tooltip-info {
-	background-color: var(--secondary-color);
+  background-color: var(--info-color);
+  color: var(--on-info-color);
 }
 
 .dusk-tooltip.dusk-tooltip-success {
-	background-color: var(--success-color);
+  background-color: var(--success-color);
+  color: var(--on-success-color);
 }
 
 .dusk-tooltip.dusk-tooltip-warning {
-	background-color: var(--warning-color);
+  background-color: var(--warning-color);
+  color: var(--on-warning-color);
 }
 
 .dusk-tooltip::after {
-	background-color: inherit;
-	border: inherit;
-	pointer-events: none;
-	position: absolute;
-	content: "";
-	display: inline-block;
-	width: var(--tip-size);
-	height: var(--tip-size);
-	transform: rotate(45deg);
-	transform-origin: center;
+  background-color: inherit;
+  border: inherit;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: inline-block;
+  width: var(--tip-size);
+  height: var(--tip-size);
+  transform: rotate(45deg);
+  transform-origin: center;
 }
 
 .dusk-tooltip.dusk-tooltip-bottom::after {
-	bottom: 100%;
-	left: 50%;
-	margin-left: calc(var(--half-tip-size) * -1);
-	margin-bottom: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
-	border-bottom-color: transparent;
-	border-right-color: transparent;
+  bottom: 100%;
+  left: 50%;
+  margin-left: calc(var(--half-tip-size) * -1);
+  margin-bottom: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
+  border-bottom-color: transparent;
+  border-right-color: transparent;
 }
 
 .dusk-tooltip.dusk-tooltip-left::after {
-	top: 50%;
-	left: 100%;
-	margin-left: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
-	margin-top: calc(var(--half-tip-size) * -1);
-	border-bottom-color: transparent;
-	border-left-color: transparent;
+  top: 50%;
+  left: 100%;
+  margin-left: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
+  margin-top: calc(var(--half-tip-size) * -1);
+  border-bottom-color: transparent;
+  border-left-color: transparent;
 }
 
 .dusk-tooltip.dusk-tooltip-right::after {
-	top: 50%;
-	right: 100%;
-	margin-right: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
-	margin-top: calc(var(--half-tip-size) * -1);
-	border-top-color: transparent;
-	border-right-color: transparent;
+  top: 50%;
+  right: 100%;
+  margin-right: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
+  margin-top: calc(var(--half-tip-size) * -1);
+  border-top-color: transparent;
+  border-right-color: transparent;
 }
 
 .dusk-tooltip.dusk-tooltip-top::after {
-	top: 100%;
-	left: 50%;
-	margin-left: calc(var(--half-tip-size) * -1);
-	margin-top: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
-	border-top-color: transparent;
-	border-left-color: transparent;
+  top: 100%;
+  left: 50%;
+  margin-left: calc(var(--half-tip-size) * -1);
+  margin-top: calc(var(--half-tip-size) * -1 + var(--tip-main-axis-offset));
+  border-top-color: transparent;
+  border-left-color: transparent;
 }
diff --git a/src/style/dusk-components/wizard.css b/src/style/dusk-components/wizard.css
index 13ac185d..bcce7370 100644
--- a/src/style/dusk-components/wizard.css
+++ b/src/style/dusk-components/wizard.css
@@ -1,25 +1,26 @@
 .dusk-wizard {
-    display: flex;
-    flex-direction: column;
-    gap: 1.25em;
-    width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 1.25em;
+  width: 100%;
 }
 
 .dusk-wizard--full-height {
-    height: 100%;
-    overflow-y: auto;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .dusk-wizard--full-height .dusk-wizard__step-navigation {
-    margin-top: auto;
+  margin-top: auto;
 }
 
 .dusk-wizard__step-navigation {
-    display: flex;
-    flex-direction: row;
-    gap: var(--default-gap);
+  display: flex;
+  flex-direction: row;
+  gap: var(--default-gap);
 }
 
-.dusk-wizard__step-navigation button, .dusk-wizard__step-navigation a {
-    flex: 1;
-}
\ No newline at end of file
+.dusk-wizard__step-navigation button,
+.dusk-wizard__step-navigation a {
+  flex: 1;
+}
diff --git a/src/style/dusk-components/words.css b/src/style/dusk-components/words.css
index 3067535b..ac700f6f 100644
--- a/src/style/dusk-components/words.css
+++ b/src/style/dusk-components/words.css
@@ -1,41 +1,42 @@
 .dusk-words {
-	--words-container-padding: 1.5em 1em;
-	--words-word-index-size: 2em;
- }
+  --words-container-padding: 1.25em 1em;
+  --words-word-index-size: 2em;
+}
 
 .dusk-words {
-	padding: var(--words-container-padding);
-	overflow: hidden;
-	background-color: var(--on-primary-color);
-	display: grid;
-	grid-template-columns: var(--mobile-grid-template-columns);
-	gap: var(--small-gap);
-	border-radius: var(--control-border-radius-size);
-	list-style-type: none;
-	counter-reset: list-counter;
+  font-size: 0.75em;
+  padding: var(--words-container-padding);
+  overflow: hidden;
+  background-color: var(--on-primary-color);
+  display: grid;
+  grid-template-columns: var(--mobile-grid-template-columns);
+  gap: var(--small-gap);
+  border-radius: var(--control-border-radius-size);
+  list-style-type: none;
+  counter-reset: list-counter;
 }
 
 .dusk-words__word {
-	counter-increment: list-counter;
-	text-transform: uppercase;
-	align-items: center;
-	display: flex;
+  counter-increment: list-counter;
+  text-transform: uppercase;
+  align-items: center;
+  display: flex;
 }
 
 .dusk-words__word::before {
-	content: counter(list-counter);
-	margin-right: var(--small-gap);
-	border: 2px solid var(--on-surface-color);
-	border-radius: 30%;
-	height: var(--words-word-index-size);
-	width: var(--words-word-index-size);
-	display: flex;
-	justify-content: center;
-	align-items: center;
+  content: counter(list-counter);
+  margin-right: var(--small-gap);
+  border: 2px solid var(--on-surface-color);
+  border-radius: 30%;
+  height: var(--words-word-index-size);
+  width: var(--words-word-index-size);
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 @media (min-width: 800px) {
-	.dusk-words {
-		grid-template-columns: var(--desktop-grid-template-columns);
-	}
+  .dusk-words {
+    grid-template-columns: var(--desktop-grid-template-columns);
+  }
 }
diff --git a/src/style/dusk/colors.css b/src/style/dusk/colors.css
index 5c62d917..f6b34ab3 100644
--- a/src/style/dusk/colors.css
+++ b/src/style/dusk/colors.css
@@ -1,26 +1,34 @@
 :root {
-	/* Dark Greys */
+  /* Dark Greys */
 
-	--granite-grey: #636167;
-	--jet: #2e2d30;
-	--smokey-black: #101010;
+  --granite-grey: #636167;
+  --jet: #2e2d30;
+  --smokey-black: #101010;
 
-	/* Greys */
+  /* Greys */
 
-	--light-grey: #e2dfe9;
-	--magnolia: #edeaf3;
-	--silver-metallic: #a8a5af;
-	--taupe-grey: #908e94;
+  --light-grey: #e2dfe9;
+  --magnolia: #edeaf3;
+  --silver-metallic: #a8a5af;
+  --taupe-grey: #908e94;
 
-	/* Blues */
+  /* Blues */
 
-	--cornflower: #71b1ff;
-	--cornflower-dark: #0b79ff;
-	--cornflower-light: #a4cdff;
+  --cornflower: #71b1ff;
+  --cornflower-dark: #0b79ff;
+  --cornflower-light: #a4cdff;
 
-	/* Status */
-	--success: #16DB93;
-	--warning: #FFCF23;
-	--error: #ED254E;
-	--info: #71B1FF;
+  --accent-light-900: #04336b;
+  --accent-dark-900: #abd1ff;
+
+  /* Status */
+
+  --success-500: #16db93;
+  --success-700: #0f9363;
+  --warning-500: #ffcf23;
+  --warning-700: #d1a300;
+  --error-500: #ed254e;
+  --error-700: #8e112c;
+  --info-500: #71b1ff;
+  --info-700: #0863d1;
 }
diff --git a/src/style/dusk/language.css b/src/style/dusk/language.css
index 24fe8670..cb049540 100644
--- a/src/style/dusk/language.css
+++ b/src/style/dusk/language.css
@@ -1,107 +1,189 @@
 :root {
-	/* Theme colours */
+  /* Theme colours */
+
+  --page-background-color: var(--smokey-black);
+  --background-color: var(--light-grey);
+  --background-color-alt: #fff;
+  --primary-color: var(--smokey-black);
+  --secondary-color: var(--cornflower);
+  --secondary-color-variant-dark: var(--cornflower-dark);
+  --secondary-color-variant-light: var(--cornflower-light);
+  --surface-color: var(--magnolia);
+  --error-color: var(--error-500);
+  --error-color-variant-dark: var(--error-700);
+  --info-color: var(--info-500);
+  --info-color-variant-dark: var(--info-700);
+  --success-color: var(--success-500);
+  --success-color-variant-dark: var(--success-700);
+  --warning-color: var(--warning-500);
+  --warning-color-variant-dark: var(--warning-700);
+  --muted-color: var(--granite-grey);
+
+  --on-background-color: var(--smokey-black);
+  --on-primary-color: var(--light-grey);
+  --on-secondary-color: var(--smokey-black);
+  --on-surface-color: var(--smokey-black);
+  --on-danger-color: #fff;
+  --on-error-color: #fff;
+  --on-info-color: var(--smokey-black);
+  --on-success-color: var(--smokey-black);
+  --on-warning-color: var(--smokey-black);
+
+  /* Typography */
+
+  --main-font-family: "Soehne", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --main-font-size: 16px;
+  --mono-font-family: "Soehne Mono", monospace;
+
+  /* Layout */
+
+  --small-gap: 0.5em;
+  --default-gap: 1em;
+  --medium-gap: 1.25em;
+  --large-gap: 2em;
+
+  /* Grid */
+
+  --mobile-grid-template-columns: 1fr;
+  --tablet-grid-template-columns: 1fr 1fr;
+  --desktop-grid-template-columns: 1fr 1fr 1fr;
+
+  /* Controls */
+
+  --control-border-radius-size: 1.5em;
+  --control-border-size: 0.0625em;
+  --control-font-size: 1em;
+  --control-icon-size: 2em;
+  --control-padding: 0.9em 1.25em;
+  --control-small-padding: 0.65em 0.875em;
+
+  --non-button-control-bg-color: #fff;
+  --non-button-control-text-color: var(--smokey-black);
+
+  --control-bg-color: var(--smokey-black);
+  --control-bg-color-hover: var(--cornflower);
+  --control-border-color: transparent;
+  --control-border-color-hover: transparent;
+  --control-text-color: #fff;
+  --control-text-color-hover: var(--smokey-black);
+
+  --control-secondary-bg-color: #fff;
+  --control-secondary-bg-color-hover: var(--silver-metallic);
+  --control-secondary-border-color: transparent;
+  --control-secondary-border-color-hover: transparent;
+  --control-secondary-text-color: var(--smokey-black);
+
+  --control-tertiary-bg-color: transparent;
+  --control-tertiary-bg-color-hover: var(--cornflower);
+  --control-tertiary-border-color: var(--smokey-black);
+  --control-tertiary-border-color-hover: var(--cornflower);
+  --control-tertiary-text-color: var(--smokey-black);
+
+  /* Anchors */
+
+  --anchor-color-on-surface: var(--accent-light-900);
+  --anchor-color: var(--secondary-color);
+  --anchor-color-visited: var(--secondary-color);
+  --anchor-color-hover: var(--secondary-color-variant-light);
+  --anchor-color-active: var(--secondary-color-variant-light);
+
+  /* Progress bars */
+
+  --progress-bar-height: 0.6125em;
+  --progress-bg-color: var(--primary-color);
+  --progress-filler-color: var(--secondary-color);
+
+  /* Steppers */
+
+  --stepper-bar-height: 0.3125em;
+  --stepper-rail-color: var(--background-color);
+  --stepper-rail-color-variant-secondary: var(--primary-color);
+  --stepper-filler-color: var(--success-color);
+  --stepper-on-filler-color: var(--on-success-color);
+  --stepper-on-rail-color: var(--on-background-color);
+  --stepper-on-rail-variant-secondary-color: var(--on-primary-color);
+
+  /* Checkbox control */
+
+  --checkbox-control-size: 1.2em;
+  --checkbox-control-border-radius: 20%;
+  --checkbox-control-border-width: 0.2em;
+  --checkbox-control-border-color: var(--smokey-black);
+  --checkbox-control-checked-bg-color: var(--smokey-black);
+
+  /* Fieldset */
+
+  --fieldset-background-color: var(--light-grey);
+  --fieldset-border-radius: 1.5em;
 
-	--page-background-color: var(--smokey-black);
-	--background-color: var(--light-grey);
-	--background-color-alt: #fff;
-	--primary-color: var(--smokey-black);
-	--primary-color-variant-dark: #000;
-	--primary-color-variant-light: var(--jet);
-	--secondary-color: var(--cornflower);
-	--secondary-color-variant-dark: var(--cornflower-dark);
-	--secondary-color-variant-light: var(--cornflower-light);
-	--surface-color: var(--magnolia);
-	--success-color: var(--success);
-	--warning-color: var(--warning);
-	--error-color: var(--error);
-	--info-color: var(--info);
-	--danger-color: var(--error);
+  /* Dividers */
 
-	--on-background-color: var(--smokey-black);
-	--on-primary-color: var(--light-grey);
-	--on-secondary-color: var(--smokey-black);
-	--on-surface-color: var(--smokey-black);
+  --divider-color-primary: var(--smokey-black);
+  --divider-background-color: var(--light-grey);
+  --divider-border-color: var(--smokey-black);
 
-	--on-error-color: var(--light-grey);
+  /* Home animation */
 
-	/* Typography */
+  --home-box-color: var(--silver-metallic);
+  --home-grid-color: var(--light-grey);
 
-	--main-font-family: "Soehne", "Helvetica Neue", Helvetica, Arial, sans-serif;
-	--main-font-size: 16px;
-	--mono-font-family: "Soehne Mono", monospace;
+  /* Banner */
 
-	/* Layout */
-
-	--small-gap: 0.5em;
-	--default-gap: 1em;
-	--large-gap: 2em;
-
-	/* Grid */
-
-	--mobile-grid-template-columns: 1fr;
-	--tablet-grid-template-columns: 1fr 1fr;
-	--desktop-grid-template-columns: 1fr 1fr 1fr;
+  --banner-info-color: var(--info-color-variant-dark);
+  --banner-warning-color: var(--warning-color-variant-dark);
+  --banner-error-color: var(--error-color-variant-dark);
+}
 
-	/* Controls */
+:root.dark {
+  /* Theme colours */
 
-	--control-border-radius-size: 1.5em;
-	--control-border-size: .0625em;
-	--control-font-size: 1em;
-	--control-icon-size: 2em;
-	--control-padding: .9em 1.25em;
-	--control-small-font-size: .875em;
-	--control-small-padding: .625em .875em;
+  --page-background-color: var(--jet);
+  --background-color: var(--smokey-black);
+  --background-color-alt: var(--granite-grey);
+  --primary-color: var(--light-grey);
+  --surface-color: var(--jet);
 
-	--control-bg-color: #fff;
-	--control-bg-color-hover: var(--silver-metallic);
-	--control-border-color: transparent;
-	--control-border-color-hover: transparent;
-	--control-text-color: var(--smokey-black);
-	--control-text-color-hover: var(--smokey-black);
+  --on-background-color: var(--light-grey);
+  --on-primary-color: var(--smokey-black);
+  --on-surface-color: var(--light-grey);
 
-	--control-secondary-bg-color: var(--smokey-black);
-	--control-secondary-bg-color-hover: var(--cornflower);
-	--control-secondary-border-color: transparent;
-	--control-secondary-border-color-hover: transparent;
-	--control-secondary-text-color: #fff;
-	--control-secondary-text-color-hover: var(--smokey-black);
+  /* Anchors */
+  --anchor-color-on-surface: var(--accent-dark-900);
 
-	--control-tertiary-bg-color: transparent;
-	--control-tertiary-bg-color-hover: transparent;
-	--control-tertiary-border-color: var(--smokey-black);
-	--control-tertiary-border-color-hover: var(--granite-grey);
-	--control-tertiary-text-color: var(--smokey-black);
-	--control-tertiary-text-color-hover: var(--granite-grey);
+  /* Controls */
 
-	/* Progress-related components (Stepper, Progress Bar, etc */
+  --non-button-control-bg-color: #000;
+  --non-button-control-text-color: var(--light-grey);
 
-	--progress-bar-height: .3125em;
-	--progress-bg-color: var(--primary-color);
-	--progress-filler-color: var(--success-color);
+  --control-bg-color: var(--light-grey);
+  --control-text-color: var(--smokey-black);
+  --control-secondary-bg-color: var(--smokey-black);
+  --control-secondary-text-color: var(--light-grey);
+  --control-tertiary-border-color: var(--light-grey);
+  --control-tertiary-text-color: var(--light-grey);
 
-	/* Checkbox control */
+  /* Checkbox control */
 
-	--checkbox-control-size: 1.2em;
-	--checkbox-control-border-radius: 20%;
-	--checkbox-control-border-width: .20em;
-	--checkbox-control-border-color: var(--smokey-black);
-	--checkbox-control-checked-bg-color: var(--smokey-black);
+  --checkbox-control-border-color: var(--light-grey);
+  --checkbox-control-checked-bg-color: var(--light-grey);
 
-	/* Dividers */
+  /* Fieldset */
 
-	--divider-color-primary: var(--taupe-grey);
+  --fieldset-background-color: var(--smokey-black);
 
-    /* Footer icon */
+  /* Dividers */
 
-    --footer-icon-color: var(--light-grey);
+  --divider-color-primary: var(--magnolia);
+  --divider-background-color: var(--smokey-black);
+  --divider-border-color: var(--magnolia);
 
-	/* Home animation */
+  /* Home animation */
 
-	--home-box-color: var(--silver-metallic);
-	--home-grid-color: var(--light-gray);
+  --home-grid-color: var(--smokey-black);
 
-	/* Ribbon */
+  /* Banner */
 
-	--ribbon-color: var(--magnolia);
-	--ribbon-bg-color: var(--cornflower)
+  --banner-info-color: var(--info-color);
+  --banner-warning-color: var(--warning-color);
+  --banner-error-color: var(--error-color);
 }
diff --git a/src/style/main.css b/src/style/main.css
index e592e663..f4c94aa7 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -1,19 +1,20 @@
-@import url("utilities.css");
 @import url("./dusk/colors.css");
 @import url("./dusk/language.css");
 @import url("./dusk-components/agreement.css");
 @import url("./dusk-components/anchor.css");
 @import url("./dusk-components/badge.css");
-@import url("./dusk-components/balance.css");
 @import url("./dusk-components/button.css");
 @import url("./dusk-components/card.css");
 @import url("./dusk-components/checkbox.css");
+@import url("./dusk-components/error-alert.css");
 @import url("./dusk-components/error-details.css");
+@import url("./dusk-components/exclusive-choice.css");
 @import url("./dusk-components/mnemonic.css");
 @import url("./dusk-components/icon.css");
 @import url("./dusk-components/progress-bar.css");
 @import url("./dusk-components/select.css");
 @import url("./dusk-components/stepper.css");
+@import url("./dusk-components/suspense.css");
 @import url("./dusk-components/switch.css");
 @import url("./dusk-components/tabs.css");
 @import url("./dusk-components/textbox.css");
@@ -24,128 +25,144 @@
 @import url("./dusk-components/words.css");
 @import url("./app-components/headings.css");
 @import url("./app-components/marks.css");
-@import url("./app-components/notice.css");
 @import url("./app-components/horizontal-rules.css");
 
 @font-face {
-	font-family: "Soehne";
-	font-style: normal;
-	font-weight: 400;
-	src: url("/fonts/soehne-buch.woff2") format("woff2");
+  font-family: "Soehne";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("/fonts/soehne-buch.woff2") format("woff2");
 }
 
 @font-face {
-	font-family: "Soehne";
-	font-style: normal;
-	font-weight: 500;
-	src: url("/fonts/soehne-kraftig.woff2") format("woff2");
+  font-family: "Soehne";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url("/fonts/soehne-kraftig.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Soehne Mono";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("/fonts/soehne-mono-buch.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Soehne Mono";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url("/fonts/soehne-mono-kraftig.woff2") format("woff2");
 }
 
 * {
-	padding: 0;
-	margin: 0;
-	box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
 }
 
 html,
 body {
-	width: 100%;
-	height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 html {
-	background-color: var(--page-background-color);
-	color: var(--on-background-color);
-	font-family: var(--main-font-family);
-	font-size: var(--main-font-size);
-	letter-spacing: 0.06125rem;
+  background-color: var(--page-background-color);
+  color: var(--on-background-color);
+  font-family: var(--main-font-family);
+  font-size: var(--main-font-size);
+  letter-spacing: 0.06125rem;
 }
 
 body {
-	padding: 2rem;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  padding: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 svg {
-	fill: currentColor;
+  fill: currentColor;
+}
+
+fieldset {
+  border: none;
 }
 
 #outer-container {
-	background-color: var(--background-color);
-	width: 60%;
-	max-width: 40rem;
-	max-height: 60rem;
-	height: 80%;
-	border-radius: 2rem;
-	transition: all 0.2s ease-in-out 0s;
-	position: relative;
-	overflow: hidden;
-}
-
-#outer-container:after{
-	content: "beta";
-	position: absolute;
-	width: 90px;
-	height: 36px;
-	background: var(--ribbon-bg-color);
-	top: 1px;
-	right: -26px;
-	text-align: center;
-	font-size: 12px;
-	font-family: var(--mono-font-family);
-	text-transform: uppercase;
-	color: var(--ribbon-color);
-	line-height: 45px;
-	transform:rotate(45deg);
-	z-index: 4;
-}
-
-.dusk-anchor-button:not(.dusk-anchor-button__disabled),
-.dusk-button:enabled,
-.dusk-checkbox:enabled,
-.dusk-select:enabled,
-.dusk-switch[aria-disabled="false"][aria-readonly="false"],
-.dusk-textbox:enabled,
-*[role="menuitem"] {
-	transition: all 0.2s linear 0s;
+  background-color: var(--background-color);
+  width: 60%;
+  max-width: 40rem;
+  max-height: 60rem;
+  height: 80%;
+  border-radius: 2rem;
+  transition: all 0.2s ease-in-out 0s;
+  position: relative;
+  overflow: hidden;
 }
 
 :is(
-	.dusk-anchor-button:not(.dusk-anchor-button__disabled),
-	.dusk-button:enabled,
-	.dusk-checkbox:enabled,
-	.dusk-select:enabled,
-	.dusk-switch[aria-disabled="false"][aria-readonly="false"],
-	.dusk-textbox:read-write:enabled,
-	*[role="menuitem"]):focus {
-	border-color: color-mix(in srgb, var(--secondary-color-variant-dark) 80%, transparent);
-	box-shadow: 0 0 .5em color-mix(in srgb, var(--secondary-color-variant-dark) 60%, transparent);
-	outline: 0 none;
+  .dusk-anchor-button:not(.dusk-anchor-button__disabled),
+  .dusk-button:enabled,
+  .dusk-select:enabled,
+  .dusk-switch[aria-disabled="false"],
+  .dusk-textbox:read-write:enabled,
+  *[role="menuitem"]
+):focus,
+.dusk-exclusive-choice:focus-within {
+  border-color: var(--secondary-color-variant-dark);
+  box-shadow: inset 0 0 0 var(--control-border-size)
+    var(--secondary-color-variant-dark);
+  outline: 0 none;
+}
+
+.dusk-checkbox:enabled:focus {
+  border-color: var(--secondary-color-variant-dark);
+  outline: 0 none;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
 }
 
 @media (max-width: 500px), (max-height: 500px) {
-	body {
-		padding: 1rem;
-	}
+  body {
+    padding: 0;
+    background-color: var(--background-color);
+  }
+
+  #outer-container {
+    border-radius: 0;
+  }
 }
 
 @media (max-width: 1024px) {
-	#outer-container {
-		width: 100%;
-	}
+  #outer-container {
+    width: 100%;
+  }
 }
 
 @media (max-height: 1200px) {
-	#outer-container {
-		height: 100%;
-	}
+  #outer-container {
+    height: 100%;
+  }
 }
 
 @media (max-height: 800px) {
-	#outer-container {
-		gap: 1rem;
-		border-radius: 1.5rem;
-	}
+  #outer-container {
+    gap: 1rem;
+    border-radius: 1.5rem;
+  }
 }
diff --git a/src/style/utilities.css b/src/style/utilities.css
deleted file mode 100644
index 06790e0d..00000000
--- a/src/style/utilities.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/* Layouts */
-.flex {
-	display: flex;
-}
-
-.flex-col {
-	flex-direction: column;
-}
-
-.flex-row {
-	flex-direction: row;
-}
-
-.gap-1 {
-	gap: 1em;
-}
-
-.gap-2 {
-	gap: 2em;
-}
-
-.flex-1 {
-	flex: 1;
-}
-
-/* Width */
-.w-100 {
-	width: 100%;
-}
-
-/* A11Y */
-.visible-hidden {
-	clip: rect(1px, 1px, 1px, 1px);
-	height: 1px;
-	overflow: hidden;
-	position: absolute;
-	white-space: nowrap;
-	width: 1px;
-}
-
-.visible-hidden:focus {
-	clip: auto;
-	height: auto;
-	overflow: auto;
-	position: absolute;
-	width: auto;
-}
diff --git a/src/w3sper.d.ts b/src/w3sper.d.ts
new file mode 100644
index 00000000..ce4efeb8
--- /dev/null
+++ b/src/w3sper.d.ts
@@ -0,0 +1,613 @@
+declare module "@dusk/w3sper" {
+  /***** UTILITY TYPES *****/
+
+  type BiMapEnum<T extends string[], I extends number = 0> = T extends [
+    infer First extends string,
+    ...infer Rest extends string[],
+  ]
+    ? { [K in Uppercase<First>]: BiMapValue<First, I> } & BiMapEnum<
+        Rest,
+        Increment<I>
+      >
+    : {};
+
+  type BiMapValue<V extends string, I extends number> = {
+    [Symbol.toPrimitive]<T extends ToPrimitiveHint>(
+      hint: T
+    ): T extends "number" ? I : T extends "string" ? V : BiMapValue<V, I>;
+
+    toString(): V;
+  };
+
+  type Chains = ["localnet", "mainnet", "testnet", "devnet", "unknown"];
+
+  type ChainsEnum = BiMapEnum<Chains>;
+
+  type ChainValue = ChainsEnum[Uppercase<Chains[number]>];
+
+  type Increment<
+    N extends number,
+    Arr extends unknown[] = [],
+  > = Arr["length"] extends N
+    ? [...Arr, unknown]["length"]
+    : Increment<N, [...Arr, unknown]>;
+
+  type ShieldedTransferResult = Readonly<{
+    buffer: Uint8Array<ArrayBuffer>;
+    hash: string;
+    nullifiers: Uint8Array<ArrayBuffer>[];
+  }>;
+
+  type ToPrimitiveHint = "default" | "number" | "string";
+
+  type UnshieldedTransferResult = Readonly<{
+    buffer: Uint8Array<ArrayBuffer>;
+    hash: string;
+    nonce: bigint;
+  }>;
+
+  type WithSeeder = Key | Profile | ProfileGenerator;
+
+  /***** CONSTANTS *****/
+
+  const TRANSFER =
+    "0100000000000000000000000000000000000000000000000000000000000000";
+
+  /***** FUNCTIONS *****/
+
+  function useAsProtocolDriver(
+    source: string | URL | Uint8Array<ArrayBuffer>,
+    importsURL?: URL
+  ): PromiseLike<void> & {
+    cleanup: Promise<void>;
+  };
+
+  /***** INTERFACES *****/
+
+  interface AccountTransfer extends Transfer {
+    get attributes(): Transfer["attributes"] & {
+      chain: ChainValue;
+      nonce: bigint;
+    };
+
+    build(network?: Network): Promise<UnshieldedTransferResult>;
+
+    chain(value: ChainValue): this;
+
+    nonce(value: bigint): this;
+  }
+
+  interface AddressTransfer extends Transfer {
+    get attributes(): Transfer["attributes"] & {
+      chain: ChainValue;
+      obfuscated: boolean;
+    };
+
+    build(network: Network): Promise<ShieldedTransferResult>;
+
+    chain(value: ChainValue): this;
+
+    obfuscated(): this;
+  }
+
+  abstract class BasicTransfer {
+    constructor(from: BookEntry | Profile);
+
+    get attributes(): {
+      amount: bigint;
+      gas: Gas;
+    };
+
+    readonly bookentry: BookEntry | { profile: Profile };
+
+    amount(value: bigint): this;
+
+    build(
+      network?: Network
+    ): Promise<ShieldedTransferResult | UnshieldedTransferResult>;
+
+    gas(value?: GasValues | null): this;
+  }
+
+  interface Blocks extends RuesScope {
+    get gasPrice(): {
+      average: bigint;
+      max: bigint;
+      median: bigint;
+      min: bigint;
+    };
+  }
+
+  interface Contracts extends RuesScope {
+    get stakeContract(): RuesTarget;
+    get transferContract(): RuesTarget;
+  }
+
+  abstract class Rues extends EventTarget {
+    static connect(
+      url: string | URL,
+      options?: { signal: AbortSignal }
+    ): Promise<string>;
+
+    get connected(): boolean;
+    get sessionId(): Promise<Record<string, any>>;
+    get url(): URL;
+    get version(): string;
+
+    connect(options?: { signal: AbortSignal }): Promise<this>;
+
+    disconnect(): Promise<void>;
+
+    handleEvent(event: MessageEvent): void;
+
+    scope(source: string | RuesScope): Readonly<RuesTarget>;
+  }
+
+  abstract class RuesEvent extends Event {
+    static from(
+      event: MessageEvent | RuesEvent,
+      options?: { as: "component" | "string" }
+    ): RuesEvent;
+
+    get headers(): Headers;
+    get origin(): RuesEventOrigin;
+    get payload(): Uint8Array<ArrayBuffer> | Record<string, any> | unknown;
+  }
+
+  abstract class RuesScope {
+    constructor(name: string);
+
+    get call(): any;
+    get on(): any;
+    get once(): any;
+
+    name: string;
+
+    eventFrom(ruesEvent: RuesEvent): RuesEvent;
+
+    withId(id: string): RuesTarget;
+  }
+
+  abstract class StakeInfo {
+    static parse(buffer: ArrayBuffer): Readonly<StakeInfo>;
+
+    amount: StakeAmount | null;
+    faults: number;
+    hardFaults: number;
+    reward: bigint;
+  }
+
+  interface TransactionExecutedEvent extends RuesEvent {
+    get gasPaid(): bigint;
+
+    memo(options?: {
+      as: "string";
+    }): typeof options extends undefined ? Uint8Array<ArrayBuffer> : string;
+  }
+
+  interface Transactions extends RuesScope {
+    eventFrom<T extends MessageEvent | RuesEvent>(
+      ruesEvent: T
+    ): T extends RuesEvent
+      ? T["origin"]["topic"] extends "executed"
+        ? TransactionExecutedEvent
+        : T
+      : T;
+
+    preverify<T extends BasicTransfer>(tx: T): Promise<T>;
+
+    propagate<T extends BasicTransfer>(tx: T): Promise<T>;
+  }
+
+  interface Treasury {
+    account(identifier: Key): Promise<AccountBalance>;
+    address(
+      identifier: Key
+    ): Promise<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>;
+    stakeInfo(identifier: Key): Promise<StakeInfo>;
+  }
+
+  /***** MISC TYPES *****/
+
+  type AccountBalance = {
+    nonce: bigint;
+    value: bigint;
+  };
+
+  type AddressBalance = {
+    spendable: bigint;
+    value: bigint;
+  };
+
+  type BookEntry = Readonly<{
+    get info(): {
+      balance<T extends "account" | "address">(
+        type: T
+      ): Promise<T extends "account" ? AccountBalance : AddressBalance>;
+
+      stake(): Promise<StakeInfo>;
+    };
+
+    bookkeeper: Bookkeeper;
+    profile: Profile;
+
+    contract(contractId: string, network: Network): Contract;
+
+    shield(amount: bigint): ShieldTransfer;
+
+    stake(amount: bigint): StakeTransfer;
+
+    topup(amount: bigint): StakeTransfer;
+
+    transfer(amount: bigint): Transfer;
+
+    unshield(amount: bigint): UnshieldTransfer;
+
+    unstake(amount: bigint): UnstakeTransfer;
+
+    withdraw(amount: bigint): WithdrawStakeRewardTransfer;
+  }>;
+
+  type GasValues = {
+    limit: bigint | number;
+    price: bigint | number;
+  };
+
+  type Key = {
+    [Symbol.toPrimitive]<T extends ToPrimitiveHint>(
+      hint: T
+    ): T extends "number" ? number : T extends "string" ? string : null;
+
+    get seed(): Uint8Array<ArrayBuffer>;
+
+    toString(): string;
+
+    valueOf(): Uint8Array<ArrayBuffer>;
+  };
+
+  type Provisioner = {
+    amount: number;
+    eligibility: number;
+    faults: number;
+    hard_faults: number;
+    key: string;
+    locked_amt: number;
+    owner: { Account: string } | { Contract: string };
+    reward: number;
+  };
+
+  type RuesEventOrigin = Readonly<{
+    id: string;
+    scope: string;
+    topic: string;
+
+    toString(): string;
+  }>;
+
+  type RuesTarget = {
+    get rues(): Rues;
+
+    id: string;
+    options: Record<string, any>;
+    scope: RuesScope;
+
+    get call(): RuesScope["call"];
+    get on(): RuesScope["on"];
+    get once(): RuesScope["once"];
+
+    toString(): string;
+    toURL(): URL;
+    withId(id: string): Readonly<RuesTarget>;
+  };
+
+  type StakeAmount = {
+    get total(): bigint;
+
+    eligibility: bigint;
+    locked: bigint;
+    value: bigint;
+  };
+
+  /***** PUBLIC CLASSES *****/
+
+  class AccountSyncer extends EventTarget {
+    constructor(network: Network);
+
+    balances(profiles: Profile[]): Promise<AccountBalance[]>;
+
+    stakes(profiles: Profile[]): Promise<Readonly<StakeInfo>[]>;
+  }
+
+  class AddressSyncer extends EventTarget {
+    constructor(network: Network);
+
+    get root(): Promise<ArrayBuffer>;
+
+    // The `signal` in the options isn't in w3sper yet
+    notes(
+      profiles: Profile[],
+      options?: { from?: bigint | Bookmark; signal?: AbortSignal }
+    ): Promise<
+      ReadableStream<
+        [
+          Array<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>,
+          {
+            blockHeight: bigint;
+            bookmark: bigint;
+          },
+        ]
+      >
+    >;
+
+    openings(
+      notes: Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>
+    ): Promise<ArrayBuffer[]>;
+
+    spent(nullifiers: Uint8Array<ArrayBuffer>[]): Promise<ArrayBuffer[]>;
+  }
+
+  class Bookkeeper {
+    constructor(treasury: Treasury);
+
+    get minimumStake(): Promise<bigint>;
+
+    as(profile: Profile): BookEntry;
+
+    balance(identifier: Key): Promise<AccountBalance | AddressBalance>;
+
+    pick(
+      identifier: Key,
+      amount: bigint
+    ): Promise<Map<Uint8Array<ArrayBuffer>, Uint8Array<ArrayBuffer>>>;
+
+    stakeInfo(identifier: Key): Promise<StakeInfo>;
+  }
+
+  class Bookmark {
+    constructor(data: Uint8Array<ArrayBuffer>);
+
+    static from(source: bigint | number): Bookmark;
+
+    get data(): Uint8Array<ArrayBuffer>;
+
+    asUint(): bigint;
+
+    isNone(): boolean;
+
+    toString(): string;
+  }
+
+  class Gas {
+    constructor(values?: GasValues | null);
+
+    static readonly DEFAULT_LIMIT: bigint;
+    static readonly DEFAULT_PRICE: bigint;
+
+    readonly limit: bigint;
+    readonly price: bigint;
+    readonly total: bigint;
+  }
+
+  class Network extends EventTarget {
+    constructor(url: string | URL, options?: {});
+
+    static DEVNET: ChainsEnum["DEVNET"];
+    static LOCALNET: ChainsEnum["LOCALNET"];
+    static MAINNET: ChainsEnum["MAINNET"];
+    static TESTNET: ChainsEnum["TESTNET"];
+
+    static connect(
+      url: string | URL,
+      options?: { signal: AbortSignal }
+    ): Promise<Network>;
+
+    get blockHeight(): Promise<bigint>;
+
+    get connected(): boolean;
+
+    get rues(): Rues;
+
+    get url(): URL;
+
+    blocks: Blocks;
+
+    contracts: Contracts;
+
+    dataDrivers: DataDriverRegistry;
+
+    node: Node;
+
+    transactions: Transactions;
+
+    connect(options?: { signal: AbortSignal }): Promise<this>;
+
+    disconnect(): Promise<void>;
+
+    execute<T extends BasicTransfer>(tx: T): ReturnType<T["build"]>;
+
+    prove(circuits: Uint8Array<ArrayBuffer>): Promise<ArrayBuffer>;
+
+    query(
+      gql?: string,
+      options?: Record<string, any>
+    ): Promise<Record<string, any>>;
+  }
+
+  class DataDriverRegistry {
+    constructor(fetch: (url: string | URL) => Promise<ArrayBuffer>);
+
+    register(key: string, locator: any): DataDriverRegistry;
+
+    has(key: string): boolean;
+
+    get(key: string): Promise<WebAssembly.Module | null>;
+  }
+
+  class Node {
+    constructor(rues: Rues);
+
+    static CHAIN: ChainsEnum;
+
+    get info(): Promise<{
+      bootstrappingNodes: string[];
+      chain: ChainValue;
+      chainId: number;
+      kadcastAddress: string;
+      version: string;
+      versionBuild: string;
+    }>;
+
+    crs(): Promise<ArrayBuffer>;
+
+    provisioners(): Promise<Provisioner[]>;
+  }
+
+  class Profile {
+    constructor(buffer: Uint8Array<ArrayBuffer>);
+
+    [Symbol.toPrimitive]<T extends ToPrimitiveHint>(
+      hint: T
+    ): T extends "number" ? number : null;
+
+    get account(): Key;
+
+    get address(): Key;
+
+    get seed(): Uint8Array<ArrayBuffer>;
+
+    sameSourceOf(profile: Profile): boolean;
+  }
+
+  class ProfileGenerator {
+    constructor(seeder: () => Promise<Uint8Array<ArrayBuffer>>);
+    constructor(seeder: () => Uint8Array<ArrayBuffer>);
+
+    get default(): Promise<Profile>;
+
+    get length(): number;
+
+    static seedFrom<T>(
+      target: T
+    ): T extends WithSeeder ? Uint8Array<ArrayBuffer> : undefined;
+
+    static typeOf(value: string): "account" | "address" | "undefined";
+
+    at(index: number): Promise<Profile>;
+
+    indexOf(profile: Profile): number;
+
+    next(): Promise<Profile>;
+  }
+
+  class ShieldTransfer extends BasicTransfer {
+    build(network: Network): Promise<UnshieldedTransferResult>;
+  }
+
+  class StakeTransfer extends BasicTransfer {
+    constructor(from: BookEntry | Profile, options?: { topup: boolean });
+
+    get attributes(): BasicTransfer["attributes"] & { topup: boolean };
+
+    build(network: Network): Promise<UnshieldedTransferResult>;
+  }
+
+  class Transfer extends BasicTransfer {
+    get attributes(): BasicTransfer["attributes"] & { to: string };
+
+    to(value: string | Key): AccountTransfer | AddressTransfer;
+
+    memo(value: Uint8Array<ArrayBuffer> | string): this;
+
+    deposit(value: bigint): this;
+  }
+
+  class UnshieldTransfer extends BasicTransfer {
+    build(network: Network): Promise<ShieldedTransferResult>;
+  }
+
+  class UnstakeTransfer extends BasicTransfer {
+    build(network: Network): Promise<UnshieldedTransferResult>;
+  }
+
+  class WithdrawStakeRewardTransfer extends BasicTransfer {
+    build(network: Network): Promise<UnshieldedTransferResult>;
+  }
+
+  interface ContractDriver {
+    getSchema?(): unknown | Promise<unknown>;
+    getVersion?(): unknown | Promise<unknown>;
+
+    encodeInputFn(
+      fnName: string,
+      json: string
+    ): Uint8Array<ArrayBuffer> | Promise<Uint8Array<ArrayBuffer>>;
+
+    decodeOutputFn(
+      fnName: string,
+      bytes: Uint8Array<ArrayBuffer>
+    ): unknown | Promise<unknown>;
+
+    decodeEvent(
+      name: string,
+      bytes: Uint8Array<ArrayBuffer>
+    ): unknown | Promise<unknown>;
+  }
+
+  type ContractCallOptions = {
+    feeder?: boolean;
+    [key: string]: unknown;
+  };
+
+  type ContractPayload = Readonly<{
+    fnName: string;
+    fnArgs: Uint8Array<ArrayBuffer>;
+    contractId: number[];
+  }>;
+
+  type ContractTransferBuilder = (
+    | Transfer
+    | AccountTransfer
+    | AddressTransfer
+  ) & {
+    payload(p: ContractPayload): ContractTransferBuilder;
+  };
+
+  type ContractConstructorParams = Readonly<{
+    contractId: string | Uint8Array<ArrayBuffer>;
+    driver: ContractDriver | Promise<ContractDriver>;
+    network?: Network | null;
+    bookentry?: BookEntry | null;
+  }>;
+
+  class Contract {
+    constructor(params: ContractConstructorParams);
+
+    get id(): string;
+
+    schema(): Promise<unknown>;
+    version(): Promise<unknown>;
+
+    encode(
+      fnName: string | number | symbol,
+      jsonValue?: unknown
+    ): Promise<Uint8Array<ArrayBuffer>>;
+
+    readonly call: {
+      [fnName: string]: (
+        args?: unknown,
+        options?: ContractCallOptions
+      ) => Promise<any>;
+    };
+
+    readonly tx: {
+      [fnName: string]: (args?: unknown) => Promise<ContractTransferBuilder>;
+    };
+
+    readonly events: {
+      [eventName: string]: {
+        once(): Promise<unknown>;
+        on(handler: (data?: unknown, error?: unknown) => void): () => void;
+      };
+    };
+  }
+}
diff --git a/static/binance_dusk.svg b/static/binance_dusk.svg
new file mode 100644
index 00000000..efafb55c
--- /dev/null
+++ b/static/binance_dusk.svg
@@ -0,0 +1,8 @@
+<svg width="37" height="27" viewBox="0 0 37 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4821 13.4981L11.4953 18.3481L15.6163 20.7731V23.6126L9.0835 19.7811V12.0798L11.4821 13.4981ZM11.4821 8.64806V11.4743L9.08203 10.0546V7.22833L11.4821 5.80859L13.8938 7.22833L11.4821 8.64806ZM17.3374 7.22833L19.7374 5.80859L22.1492 7.22833L19.7374 8.64806L17.3374 7.22833Z" fill="#101010"/>
+<path d="M13.2163 17.3428V14.5034L15.6163 15.9231V18.7493L13.2163 17.3428ZM17.3374 21.7902L19.7374 23.2099L22.1492 21.7902V24.6164L19.7374 26.0361L17.3374 24.6164V21.7902ZM25.5912 7.22833L27.9912 5.80859L30.403 7.22833V10.0546L27.9912 11.4743V8.64806L25.5912 7.22833ZM27.9912 18.3481L28.0045 13.4981L30.4045 12.0784V19.7796L23.8717 23.6111V20.7717L27.9912 18.3481Z" fill="#101010"/>
+<path d="M26.2701 17.3414L23.8701 18.7479V15.9217L26.2701 14.502V17.3414Z" fill="#101010"/>
+<path d="M26.2702 9.65619L26.2834 12.4957L22.1506 14.9207V19.7825L19.7506 21.189L17.3506 19.7825V14.9207L13.2178 12.4957V9.65619L15.6281 8.23646L19.7359 10.6732L23.8687 8.23646L26.2805 9.65619H26.2702ZM13.2163 4.80764L19.7374 0.962891L26.2702 4.80764L23.8702 6.22737L19.7374 3.7906L15.6163 6.22737L13.2163 4.80764Z" fill="#101010"/>
+<rect x="25.354" y="15.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#EDEAF3"/>
+<path d="M30.9351 16.6558C30.6469 16.648 30.3655 16.6714 30.0948 16.7222C28.2854 17.0642 26.9175 18.654 26.9175 20.5624C26.9175 22.4707 28.2863 24.0605 30.0958 24.4025C30.3323 24.4474 30.5765 24.4709 30.8257 24.4709C33.0367 24.4709 34.8189 22.6339 34.731 20.4031C34.6499 18.3638 32.9752 16.7105 30.9351 16.6558ZM31.0025 23.6843C30.9361 23.6882 30.8931 23.612 30.9341 23.5592C31.577 22.7316 31.961 21.6919 31.961 20.5624C31.961 19.4328 31.578 18.3921 30.9341 17.5655C30.8931 17.5127 30.9351 17.4365 31.0016 17.4404C32.6469 17.5323 33.9522 18.8944 33.9522 20.5624C33.9522 22.2303 32.6479 23.5924 31.0025 23.6843Z" fill="#101010"/>
+</svg>
diff --git a/static/binance_dusk_light.svg b/static/binance_dusk_light.svg
new file mode 100644
index 00000000..55bedead
--- /dev/null
+++ b/static/binance_dusk_light.svg
@@ -0,0 +1,8 @@
+<svg width="37" height="27" viewBox="0 0 37 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4821 13.4981L11.4953 18.3481L15.6163 20.7731V23.6126L9.0835 19.7811V12.0798L11.4821 13.4981ZM11.4821 8.64806V11.4743L9.08203 10.0546V7.22833L11.4821 5.80859L13.8938 7.22833L11.4821 8.64806ZM17.3374 7.22833L19.7374 5.80859L22.1492 7.22833L19.7374 8.64806L17.3374 7.22833Z" fill="#EDEAF3"/>
+<path d="M13.2168 17.3428V14.5034L15.6168 15.9231V18.7493L13.2168 17.3428ZM17.3378 21.7902L19.7379 23.2099L22.1497 21.7902V24.6164L19.7379 26.0361L17.3378 24.6164V21.7902ZM25.5917 7.22833L27.9917 5.80859L30.4035 7.22833V10.0546L27.9917 11.4743V8.64806L25.5917 7.22833ZM27.9917 18.3481L28.005 13.4981L30.405 12.0784V19.7796L23.8722 23.6111V20.7717L27.9917 18.3481Z" fill="#EDEAF3"/>
+<path d="M26.2701 17.3414L23.8701 18.7479V15.9217L26.2701 14.502V17.3414Z" fill="#EDEAF3"/>
+<path d="M26.2697 9.65619L26.283 12.4957L22.1501 14.9207V19.7825L19.7501 21.189L17.3501 19.7825V14.9207L13.2173 12.4957V9.65619L15.6276 8.23646L19.7354 10.6732L23.8682 8.23646L26.28 9.65619H26.2697ZM13.2158 4.80764L19.7369 0.962891L26.2697 4.80764L23.8697 6.22737L19.7369 3.7906L15.6158 6.22737L13.2158 4.80764Z" fill="#EDEAF3"/>
+<rect x="25.3535" y="15.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#2E2D30"/>
+<path d="M30.9346 16.6558C30.6464 16.648 30.365 16.6714 30.0944 16.7222C28.2849 17.0642 26.917 18.654 26.917 20.5624C26.917 22.4707 28.2858 24.0605 30.0953 24.4025C30.3318 24.4474 30.576 24.4709 30.8252 24.4709C33.0363 24.4709 34.8184 22.6339 34.7305 20.4031C34.6494 18.3638 32.9747 16.7105 30.9346 16.6558ZM31.002 23.6843C30.9356 23.6882 30.8926 23.612 30.9336 23.5592C31.5765 22.7316 31.9605 21.6919 31.9605 20.5624C31.9605 19.4328 31.5775 18.3921 30.9336 17.5655C30.8926 17.5127 30.9346 17.4365 31.0011 17.4404C32.6464 17.5323 33.9518 18.8944 33.9518 20.5624C33.9518 22.2303 32.6474 23.5924 31.002 23.6843Z" fill="#EDEAF3"/>
+</svg>
diff --git a/static/dusk_logo_light.svg b/static/dusk_logo_light.svg
new file mode 100644
index 00000000..2edd976d
--- /dev/null
+++ b/static/dusk_logo_light.svg
@@ -0,0 +1 @@
+<svg width="129" height="31" viewBox="0 0 129 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.568.218c-1.117-.03-2.207.06-3.256.256C5.3 1.796 0 7.941 0 15.317s5.304 13.52 12.316 14.842c.916.174 1.862.264 2.828.264 8.568 0 15.473-7.1 15.132-15.722C29.962 6.82 23.473.43 15.568.218m.261 27.165c-.257.015-.424-.28-.265-.483a18.8 18.8 0 0 0 3.98-11.583c0-4.366-1.485-8.388-3.98-11.583-.159-.204.004-.499.261-.484 6.376.355 11.434 5.62 11.434 12.067s-5.054 11.711-11.43 12.066" fill="#e1dfe8"/><path d="M43.286 26.361h6.91c6.173 0 11.177-4.992 11.177-11.149S56.369 4.063 50.196 4.063h-6.91V7.51h6.91c4.265 0 7.722 3.449 7.722 7.703s-3.457 7.703-7.722 7.703h-6.91zm50.254-.251q1.64.57 3.694.57 2.487.001 4.311-.754 1.84-.771 2.828-2.266 1.005-1.51 1.004-3.684 0-2.08-.911-3.33-.897-1.248-2.488-1.957-1.592-.71-4.219-1.356-1.685-.417-2.642-.802-.958-.4-1.453-1.002-.495-.616-.494-1.572 0-.97.51-1.665.51-.693 1.452-1.048.958-.37 2.225-.37 1.128 0 2.087.386a4.7 4.7 0 0 1 1.668 1.094 5.1 5.1 0 0 1 1.113 1.696l2.859-1.835a6.75 6.75 0 0 0-1.638-2.404q-1.067-1.017-2.627-1.557-1.546-.54-3.508-.54-2.287 0-4.033.771-1.746.756-2.735 2.25-.975 1.481-.974 3.607 0 1.881.85 3.099.85 1.201 2.38 1.926 1.545.71 4.048 1.326 1.747.431 2.736.848 1.004.416 1.529 1.078.541.663.541 1.758 0 .97-.541 1.664-.525.679-1.53 1.049t-2.41.37q-1.344 0-2.426-.463a5.8 5.8 0 0 1-1.839-1.248 6.3 6.3 0 0 1-1.22-1.82l-2.952 1.866q.772 1.572 1.962 2.666 1.206 1.08 2.844 1.65m-23.221-.349q1.977.987 4.836.987 2.843 0 4.821-.987 1.979-1.002 2.967-2.851.99-1.85.989-4.455V4.152h-3.57v14.104q0 2.697-1.313 4.038-1.314 1.341-3.894 1.341t-3.91-1.34q-1.313-1.341-1.313-4.04V4.153h-3.585v14.304q0 2.574 1.004 4.44 1.005 1.864 2.967 2.866m40.583.616V4.152h3.57v10.035h.031q.294-.324.649-.678.371-.37.757-.771l8.561-8.586h4.373l-9.241 9.372 9.087 12.855h-4.204l-7.371-10.59-2.642 2.544v8.046z" fill="#e1dfe8"/></svg>
\ No newline at end of file
diff --git a/static/eth_dusk.svg b/static/eth_dusk.svg
new file mode 100644
index 00000000..14403c90
--- /dev/null
+++ b/static/eth_dusk.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.87109 0.804688V8.77019L13.6032 11.7789L6.87109 0.804688Z" fill="#101010" fill-opacity="0.6"/>
+<path d="M6.87077 0.804688L0.138672 11.7789L6.87077 8.77019V0.804688Z" fill="#101010"/>
+<path d="M6.87109 16.9374V22.3499L13.6071 13.0293L6.87109 16.9374Z" fill="#101010" fill-opacity="0.6"/>
+<path d="M6.87126 22.3499V16.9374L0.13916 13.0293L6.87126 22.3499Z" fill="#101010"/>
+<path d="M6.87109 15.6805L13.6032 11.7723L6.87109 8.76367V15.6805Z" fill="#101010" fill-opacity="0.2"/>
+<path d="M0.138672 11.7723L6.87077 15.6805V8.76367L0.138672 11.7723Z" fill="#101010" fill-opacity="0.6"/>
+<rect x="8.55664" y="13.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#EDEAF3"/>
+<path d="M14.1377 14.6558C13.8495 14.648 13.5681 14.6714 13.2975 14.7222C11.488 15.0642 10.1201 16.654 10.1201 18.5624C10.1201 20.4707 11.489 22.0605 13.2985 22.4025C13.5349 22.4474 13.7792 22.4709 14.0283 22.4709C16.2394 22.4709 18.0215 20.6339 17.9336 18.4031C17.8525 16.3638 16.1778 14.7105 14.1377 14.6558ZM14.2052 21.6843C14.1387 21.6882 14.0957 21.612 14.1368 21.5592C14.7797 20.7316 15.1637 19.6919 15.1637 18.5624C15.1637 17.4328 14.7806 16.3921 14.1368 15.5655C14.0957 15.5127 14.1377 15.4365 14.2042 15.4404C15.8495 15.5323 17.1549 16.8944 17.1549 18.5624C17.1549 20.2303 15.8505 21.5924 14.2052 21.6843Z" fill="#101010"/>
+</svg>
diff --git a/static/eth_dusk_light.svg b/static/eth_dusk_light.svg
new file mode 100644
index 00000000..7b5ae8ce
--- /dev/null
+++ b/static/eth_dusk_light.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.87109 0.804688V8.77019L13.6032 11.7789L6.87109 0.804688Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<path d="M6.87077 0.804688L0.138672 11.7789L6.87077 8.77019V0.804688Z" fill="#EDEAF3"/>
+<path d="M6.87109 16.9374V22.3499L13.6071 13.0293L6.87109 16.9374Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<path d="M6.87077 22.3499V16.9374L0.138672 13.0293L6.87077 22.3499Z" fill="#EDEAF3"/>
+<path d="M6.87109 15.6805L13.6032 11.7723L6.87109 8.76367V15.6805Z" fill="#E2DFE9" fill-opacity="0.2"/>
+<path d="M0.138672 11.7723L6.87077 15.6805V8.76367L0.138672 11.7723Z" fill="#EDEAF3" fill-opacity="0.6"/>
+<rect x="8.55664" y="13.0918" width="10.9432" height="10.9432" rx="5.47162" fill="#2E2D30"/>
+<path d="M14.1377 14.6558C13.8495 14.648 13.5681 14.6714 13.2975 14.7222C11.488 15.0642 10.1201 16.654 10.1201 18.5624C10.1201 20.4707 11.489 22.0605 13.2985 22.4025C13.5349 22.4474 13.7792 22.4709 14.0283 22.4709C16.2394 22.4709 18.0215 20.6339 17.9336 18.4031C17.8525 16.3638 16.1778 14.7105 14.1377 14.6558ZM14.2052 21.6843C14.1387 21.6882 14.0957 21.612 14.1368 21.5592C14.7797 20.7316 15.1637 19.6919 15.1637 18.5624C15.1637 17.4328 14.7806 16.3921 14.1368 15.5655C14.0957 15.5127 14.1377 15.4365 14.2042 15.4404C15.8495 15.5323 17.1549 16.8944 17.1549 18.5624C17.1549 20.2303 15.8505 21.5924 14.2052 21.6843Z" fill="#EDEAF3"/>
+</svg>
diff --git a/static/fonts/soehne-mono-buch.woff2 b/static/fonts/soehne-mono-buch.woff2
new file mode 100644
index 00000000..4fc6eb90
Binary files /dev/null and b/static/fonts/soehne-mono-buch.woff2 differ
diff --git a/static/fonts/soehne-mono-kraftig.woff2 b/static/fonts/soehne-mono-kraftig.woff2
new file mode 100644
index 00000000..f17feb52
Binary files /dev/null and b/static/fonts/soehne-mono-kraftig.woff2 differ
diff --git a/static/images/onboarding/all_set_illustration_light.svg b/static/images/onboarding/all_set_illustration_light.svg
new file mode 100644
index 00000000..154c7f89
--- /dev/null
+++ b/static/images/onboarding/all_set_illustration_light.svg
@@ -0,0 +1 @@
+<svg width="205" height="182" viewBox="0 0 205 182" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m126.057 117.875-23.555-15.405-23.56 15.4-15.375-15.375 38.935-38.935 38.935 38.935z" stroke="#e2dfe9" stroke-linecap="round" stroke-linejoin="round"/><path d="m126.058 132.585-23.555-30.115-23.56 30.11-30.09-30.085 53.65-53.65 53.645 53.65z" stroke="#e2dfe9" stroke-linecap="round" stroke-linejoin="round"/><path d="m126.058 152.86-23.555-50.39-23.56 50.385-50.365-50.36 73.925-73.925 73.92 73.925z" stroke="#e2dfe9" stroke-linecap="round" stroke-linejoin="round"/><path d="m126.058 180.795-23.555-78.325-23.56 78.32-78.3-78.295L102.503.635l101.855 101.86z" stroke="#e2dfe9" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index f2584b54..3953510e 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,23 +1,28 @@
 import adapter from "@sveltejs/adapter-static";
 import autoprefixer from "autoprefixer";
 import postCSSNested from "postcss-nested";
-import preprocess from "svelte-preprocess";
+import { sveltePreprocess } from "svelte-preprocess";
+import { loadEnv } from "vite";
+
+const env = loadEnv("", process.cwd());
+const fallBackBase = env.VITE_BASE_PATH ? `${env.VITE_BASE_PATH}/` : "";
 
 /** @type {import("@sveltejs/kit").Config} */
 const config = {
-	kit: {
-		adapter: adapter({ fallback: "index.html" })
-	},
-	preprocess: [
-		preprocess({
-			postcss: {
-				plugins: [
-					autoprefixer,
-					postCSSNested
-				]
-			}
-		})
-	]
+  kit: {
+    adapter: adapter({ fallback: `${fallBackBase}index.html` }),
+
+    paths: {
+      base: /** @type {"" | `/${string}` | undefined} */ (env.VITE_BASE_PATH),
+    },
+  },
+  preprocess: [
+    sveltePreprocess({
+      postcss: {
+        plugins: [autoprefixer, postCSSNested],
+      },
+    }),
+  ],
 };
 
 export default config;
diff --git a/vite-setup.js b/vite-setup.js
index 79531579..eeed01a7 100644
--- a/vite-setup.js
+++ b/vite-setup.js
@@ -4,31 +4,88 @@
 
 import * as matchers from "@testing-library/jest-dom/matchers";
 import { expect, vi } from "vitest";
+
 import { readable } from "svelte/store";
+import { ResizeObserver } from "@juggle/resize-observer";
 import crypto from "node:crypto";
+import "jsdom-worker";
+import "vitest-canvas-mock";
+
+// see https://github.com/dumbmatter/fakeIndexedDB?tab=readme-ov-file#jsdom-often-used-with-jest
+import "core-js/stable/structured-clone";
+
+// adds in-memory replacement for IndexedDB
+import "fake-indexeddb/auto";
+
+import { IntersectionObserver } from "./src/lib/dusk/mocks";
 
-import { IntersectionObserver, ResizeObserver } from "./src/lib/dusk/mocks";
-import init from "./__mocks__/initDuskWalletCore.js";
-import Wallet from "./__mocks__/Wallet.js";
+// Mocking wallet connection modules
+vi.mock("@reown/appkit");
+
+/**
+ * Mocking fetch calls.
+ * For wasm files we build a response with a minimal valid wasm.
+ */
+globalThis.fetch = vi.fn((url) => {
+  return typeof url === "string" && url.endsWith(".wasm")
+    ? Promise.resolve(
+        new Response(
+          new Uint8Array([
+            0x00,
+            0x61,
+            0x73,
+            0x6d, // magic word "\0asm"
+            0x01,
+            0x00,
+            0x00,
+            0x00, // version 1
+            0x01,
+            0x04,
+            0x01,
+            0x60,
+            0x00,
+            0x00, // empty type section
+          ]),
+          {
+            headers: { "Content-Type": "application/wasm" },
+          }
+        )
+      )
+    : Promise.reject(new Error("Fetch calls should be mocked"));
+});
 
-// Mocking the wallet core wasm
-vi.doMock(
-	"@dusk-network/dusk-wallet-core/dusk_wallet_core_bg.wasm?init",
-	() => ({ default: vi.fn(init) })
-);
+vi.mock("@dusk/w3sper", async (importOriginal) => ({
+  ...(await importOriginal()),
+  AccountSyncer: (await import("$lib/mocks/AccountSyncer")).default,
+  AddressSyncer: (await import("$lib/mocks/AddressSyncer")).default,
+  Network: (await import("$lib/mocks/Network")).default,
+}));
 
-// Mocking the Wallet
-vi.doMock(
-	"@dusk-network/dusk-wallet-js",
-	() => ({ Wallet })
-);
+// Removing the console logging created by the walletConnect library after each test file
+Object.defineProperty(window, "litIssuedWarnings", {
+  value: new Set([
+    "Lit is in dev mode. Not recommended for production! See https://lit.dev/msg/dev-mode for more information.",
+    "Multiple versions of Lit loaded. Loading multiple versions is not recommended. See https://lit.dev/msg/multiple-versions for more information.",
+  ]),
+  writable: false,
+});
 
 /*
- * Mocking deprecated `atob` and `btoa` functions in Node.
- * Vitest get stuck otherwise.
+ * Add a polyfill for Promise.withResolvers for Node 20
  */
-vi.spyOn(global, "atob").mockImplementation(data => Buffer.from(data, "base64").toString("binary"));
-vi.spyOn(global, "btoa").mockImplementation(data => Buffer.from(data, "binary").toString("base64"));
+if (!Promise.withResolvers) {
+  Promise.withResolvers = function () {
+    let reject;
+    let resolve;
+
+    const promise = new Promise((res, rej) => {
+      reject = rej;
+      resolve = res;
+    });
+
+    return { promise, reject, resolve };
+  };
+}
 
 // Adding missing bits in JSDOM
 
@@ -43,15 +100,20 @@ global.ResizeObserver = ResizeObserver;
  * which only has a getter.
  */
 Object.defineProperty(global, "crypto", {
-	get () { return crypto; }
+  get() {
+    return crypto;
+  },
 });
 
 const elementMethods = ["scrollBy", "scrollTo", "scrollIntoView"];
 
-elementMethods.forEach(method => {
-	if (!Element.prototype[method]) {
-		Object.defineProperty(Element.prototype, method, { value: () => {}, writable: true });
-	}
+elementMethods.forEach((method) => {
+  if (!Element.prototype[method]) {
+    Object.defineProperty(Element.prototype, method, {
+      value: () => {},
+      writable: true,
+    });
+  }
 });
 
 // Add custom jest matchers
@@ -59,68 +121,76 @@ expect.extend(matchers);
 
 // Mock SvelteKit runtime module $app/environment
 vi.mock("$app/environment", () => ({
-	browser: false,
-	building: false,
-	dev: true,
-	version: "any"
+  browser: false,
+  building: false,
+  dev: true,
+  version: "any",
+}));
+
+// Mock app paths
+vi.mock("$app/paths", async (importOriginal) => ({
+  ...(await importOriginal()),
+  get base() {
+    return "/some-base-path";
+  },
 }));
 
 // Mock SvelteKit runtime module $app/navigation
 vi.mock("$app/navigation", () => ({
-	afterNavigate: () => {},
-	beforeNavigate: () => {},
-	disableScrollHandling: () => {},
-	goto: () => Promise.resolve(),
-	invalidate: () => Promise.resolve(),
-	invalidateAll: () => Promise.resolve(),
-	preloadCode: () => Promise.resolve(),
-	preloadData: () => Promise.resolve()
+  afterNavigate: () => {},
+  beforeNavigate: () => {},
+  disableScrollHandling: () => {},
+  goto: () => Promise.resolve(),
+  invalidate: () => Promise.resolve(),
+  invalidateAll: () => Promise.resolve(),
+  preloadCode: () => Promise.resolve(),
+  preloadData: () => Promise.resolve(),
 }));
 
 // Mock SvelteKit runtime module $app/stores
 vi.mock("$app/stores", () => {
-	const getStores = () => {
-		const navigating = readable(null);
-		const page = readable({
-			data: {},
-			error: null,
-			form: undefined,
-			params: {},
-			route: {
-				id: null
-			},
-			status: 200,
-			url: new URL("http://localhost")
-		});
-		const updated = {
-			check: async () => false,
-			subscribe: readable(false).subscribe
-		};
-
-		return { navigating, page, updated };
-	};
-
-	const page = {
-		subscribe (fn) {
-			return getStores().page.subscribe(fn);
-		}
-	};
-	const navigating = {
-		subscribe (fn) {
-			return getStores().navigating.subscribe(fn);
-		}
-	};
-	const updated = {
-		check: async () => false,
-		subscribe (fn) {
-			return getStores().updated.subscribe(fn);
-		}
-	};
-
-	return {
-		getStores,
-		navigating,
-		page,
-		updated
-	};
+  const getStores = () => {
+    const navigating = readable(null);
+    const page = readable({
+      data: {},
+      error: null,
+      form: undefined,
+      params: {},
+      route: {
+        id: null,
+      },
+      status: 200,
+      url: new URL("http://localhost"),
+    });
+    const updated = {
+      check: async () => false,
+      subscribe: readable(false).subscribe,
+    };
+
+    return { navigating, page, updated };
+  };
+
+  const page = {
+    subscribe(fn) {
+      return getStores().page.subscribe(fn);
+    },
+  };
+  const navigating = {
+    subscribe(fn) {
+      return getStores().navigating.subscribe(fn);
+    },
+  };
+  const updated = {
+    check: async () => false,
+    subscribe(fn) {
+      return getStores().updated.subscribe(fn);
+    },
+  };
+
+  return {
+    getStores,
+    navigating,
+    page,
+    updated,
+  };
 });
diff --git a/vite.config.js b/vite.config.js
index 7981604a..c1fa4e73 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,86 +1,110 @@
-// eslint-disable-next-line import/no-unresolved
 import { sveltekit } from "@sveltejs/kit/vite";
+import { coverageConfigDefaults } from "vitest/config";
+import { default as basicSsl } from "@vitejs/plugin-basic-ssl";
 import { defineConfig, loadEnv } from "vite";
-import basicSsl from "@vitejs/plugin-basic-ssl";
-import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { execSync } from "child_process";
+import { resolve } from "path";
 
 export default defineConfig(({ mode }) => {
-	const env = loadEnv(mode, process.cwd());
-	const commonPlugins = [
-		sveltekit(),
-		nodePolyfills({
-			globals: { Buffer: true },
-			include: ["buffer"]
-		})
-	];
+  const env = loadEnv(mode, process.cwd());
+  const buildDate = new Date().toISOString().substring(0, 10);
+  const buildHash = execSync(
+    "git log -1 --grep='web-wallet:' --format=format:'%h'"
+  );
+  const APP_VERSION = process.env.npm_package_version ?? "unknown";
+  const APP_BUILD_INFO = `${buildHash.toString() || "unknown"} ${buildDate}`;
+  const commonPlugins = [sveltekit()];
 
-	return {
-		define: {
-			"CONFIG": {
-				LOCAL_STORAGE_APP_KEY: process.env.npm_package_name
-			},
-			"process.env": {
-				CURRENT_NODE: env.VITE_CURRENT_NODE,
-				CURRENT_PROVER_NODE: env.VITE_CURRENT_PROVER_NODE,
-				LOCAL_NODE: env.VITE_LOCAL_NODE,
-				LOCAL_PROVER_NODE: env.VITE_LOCAL_PROVER_NODE,
-				MAINNET_NODE: env.VITE_MAINNET_NODE,
-				MAINNET_PROVER_NODE: env.VITE_MAINNET_PROVER_NODE,
-				RKYV_TREE_LEAF_SIZE: env.VITE_RKYV_TREE_LEAF_SIZE,
-				STAKE_CONTRACT: env.VITE_STAKE_CONTRACT,
-				TESTNET_NODE: env.VITE_TESTNET_NODE,
-				TESTNET_PROVER_NODE: env.VITE_TESTNET_PROVER_NODE,
-				TRANSFER_CONTRACT: env.VITE_TRANSFER_CONTRACT,
-				VITE_CONTRACT_STAKE_DISABLED: env.VITE_CONTRACT_STAKE_DISABLED,
-				VITE_CONTRACT_TRANSFER_DISABLED: env.VITE_CONTRACT_TRANSFER_DISABLED,
-				VITE_GAS_LIMIT_DEFAULT: env.VITE_GAS_LIMIT_DEFAULT,
-				VITE_GAS_LIMIT_LOWER: env.VITE_GAS_LIMIT_LOWER,
-				VITE_GAS_LIMIT_UPPER: env.VITE_GAS_LIMIT_UPPER,
-				VITE_GAS_PRICE_DEFAULT: env.VITE_GAS_PRICE_DEFAULT,
-				VITE_GAS_PRICE_LOWER: env.VITE_GAS_PRICE_LOWER,
-				VITE_GAS_PRICE_UPPER: env.VITE_GAS_PRICE_UPPER,
-				VITE_STAKING_ENABLED: env.VITE_STAKING_ENABLED,
-				VITE_TRANSFER_ENABLED: env.VITE_TRANSFER_ENABLED
-			}
-		},
-		plugins: mode === "development" ? [basicSsl(), ...commonPlugins] : commonPlugins,
-		server: {
-			proxy: {
-				"/rusk": {
-					rewrite: path => path.replace(/^\/rusk/, ""),
-					target: "http://localhost:8080/"
-				}
-			}
-		},
-		test: {
-			/** @see https://github.com/vitest-dev/vitest/issues/2834 */
-			alias: [{ find: /^svelte$/, replacement: "svelte/internal" }],
-			coverage: {
-				all: true,
-				exclude: ["**/*.d.ts", "src/routes/components-showcase/**"],
-				include: ["src/**"]
-			},
-			env: {
-				CURRENT_NODE: "http://127.0.0.1:8080/",
-				CURRENT_PROVER_NODE: "http://127.0.0.1:8080/",
-				LOCAL_NODE: "http://127.0.0.1:8080/",
-				LOCAL_PROVER_NODE: "http://127.0.0.1:8080/",
-				MAINNET_NODE: "",
-				MAINNET_PROVER_NODE: "",
-				RKYV_TREE_LEAF_SIZE: "632",
-				STAKE_CONTRACT: "0200000000000000000000000000000000000000000000000000000000000000",
-				TRANSFER_CONTRACT: "0100000000000000000000000000000000000000000000000000000000000000",
-				VITE_CONTRACT_STAKE_DISABLED: "false",
-				VITE_CONTRACT_TRANSFER_DISABLED: "false",
-				VITE_GAS_LIMIT_DEFAULT: "20000000",
-				VITE_GAS_LIMIT_LOWER: "10000000",
-				VITE_GAS_LIMIT_UPPER: "1000000000",
-				VITE_GAS_PRICE_DEFAULT: "1",
-				VITE_GAS_PRICE_LOWER: "1"
-			},
-			environment: "jsdom",
-			include: ["src/**/*.{test,spec}.{js,ts}"],
-			setupFiles: ["./vite-setup.js"]
-		}
-	};
+  // needed to use %sveltekit.env.PUBLIC_APP_VERSION% in app.html
+  process.env.PUBLIC_APP_VERSION = APP_VERSION;
+
+  return {
+    define: {
+      CONFIG: { LOCAL_STORAGE_APP_KEY: process.env.npm_package_name },
+      "import.meta.env.APP_BUILD_INFO": JSON.stringify(APP_BUILD_INFO),
+      "import.meta.env.APP_VERSION": JSON.stringify(APP_VERSION),
+      "process.env": {
+        MODE_MAINTENANCE: env.VITE_MODE_MAINTENANCE,
+        VITE_FEATURE_ALLOCATE: env.VITE_FEATURE_ALLOCATE,
+        VITE_FEATURE_BRIDGE: env.VITE_FEATURE_BRIDGE,
+        VITE_FEATURE_MIGRATE: env.VITE_FEATURE_MIGRATE,
+        VITE_FEATURE_STAKE: env.VITE_FEATURE_STAKE,
+        VITE_FEATURE_TRANSACTION_HISTORY: env.VITE_FEATURE_TRANSACTION_HISTORY,
+        VITE_FEATURE_TRANSFER: env.VITE_FEATURE_TRANSFER,
+        VITE_GAS_LIMIT_DEFAULT: env.VITE_GAS_LIMIT_DEFAULT,
+        VITE_GAS_LIMIT_LOWER: env.VITE_GAS_LIMIT_LOWER,
+        VITE_GAS_LIMIT_UPPER: env.VITE_GAS_LIMIT_UPPER,
+        VITE_GAS_PRICE_DEFAULT: env.VITE_GAS_PRICE_DEFAULT,
+        VITE_GAS_PRICE_LOWER: env.VITE_GAS_PRICE_LOWER,
+        VITE_GAS_PRICE_UPPER: env.VITE_GAS_PRICE_UPPER,
+        VITE_NODE_URL: env.VITE_NODE_URL,
+        VITE_REOWN_PROJECT_ID: env.VITE_REOWN_PROJECT_ID,
+        VITE_SYNC_INTERVAL: env.VITE_SYNC_INTERVAL,
+      },
+    },
+    plugins:
+      mode === "development" ? [basicSsl(), ...commonPlugins] : commonPlugins,
+    server: {
+      proxy: {
+        "/on": { target: "ws://localhost:8080/", ws: true },
+        "/rusk": {
+          rewrite: (path) => path.replace(/^\/rusk/, ""),
+          target: "http://localhost:8080/",
+        },
+        "/static/drivers": { target: "http://localhost:8080/" },
+      },
+    },
+    test: {
+      alias: [
+        /** @see https://github.com/vitest-dev/vitest/issues/2834 */
+        { find: /^svelte$/, replacement: "svelte/internal" },
+
+        // Aliases to mock private w3sper's modules
+        {
+          find: /.+\/protocol-driver\/mod\.js$/,
+          replacement: resolve("./src/lib/mocks/ProtocolDriver.js"),
+        },
+        {
+          find: /.*\/components\/transactions\.js$/,
+          replacement: resolve("./src/lib/mocks/Transactions.js"),
+        },
+      ],
+      coverage: {
+        all: true,
+        exclude: [
+          "src/routes/components-showcase/**",
+          "src/lib/vendor/**",
+          ...coverageConfigDefaults.exclude,
+        ],
+        include: ["src/**/*.{js,ts,svelte}"],
+        provider: "istanbul",
+      },
+      env: {
+        APP_BUILD_INFO: "hash1234 2024-01-12",
+        APP_VERSION: "0.1.5",
+        VITE_FEATURE_ALLOCATE: "true",
+        VITE_FEATURE_BRIDGE: "true",
+        VITE_FEATURE_MIGRATE: "true",
+        VITE_FEATURE_STAKE: "true",
+        VITE_FEATURE_TRANSACTION_HISTORY: "true",
+        VITE_FEATURE_TRANSFER: "true",
+        VITE_GAS_LIMIT_DEFAULT: "100000000",
+        VITE_GAS_LIMIT_LOWER: "10000000",
+        VITE_GAS_LIMIT_UPPER: "1000000000",
+        VITE_GAS_PRICE_DEFAULT: "1",
+        VITE_GAS_PRICE_LOWER: "1",
+        VITE_NODE_URL: "",
+        VITE_SYNC_INTERVAL: "300000",
+      },
+      environment: "jsdom",
+      include: ["src/**/*.{test,spec}.{js,ts}"],
+      server: {
+        deps: {
+          // we inline w3sper and duskit to be able to use aliases
+          inline: ["@dusk/w3sper", /@duskit\/.*/],
+        },
+      },
+      setupFiles: ["./vite-setup.js"],
+    },
+  };
 });